Descargar para leer sin conexión
Más contenido relacionado
Similar a INFORMATICA E INTERNET - COMPUTACION E INFORMATICA
INFORMATICA E INTERNET - COMPUTACION E INFORMATICA
- 1. DISEÑO WEB Ing. ManuelAltamirano
- 2. ¿QUÉ ES ELDISEÑO WEB?
- 4. ¿POR QUÉ APRENDERHTML? Cada página web que ves está escrita en un lenguaje llamado HTML. Imagina que HTML es el esqueleto que le da estructura a cada página web. En este curso, usaremos HTML para añadir párrafos, encabezados, imágenes y enlaces a una página web. En el editor de la parte derecha hay una pestaña llamada test.html. Este es el archivo en el cual escribiremos nuestro HTML. ¿Ves el código con los símbolos de <>? ¡Eso es HTML! Al igual que cualquier otro lenguaje, tiene su propia sintaxis (reglas para la comunicación) especial. Cuando presionemos Ejecutar, la pestaña de resultados actuará como un navegador de Internet (*p. ej, * Chrome, Firefox, Internet Explorer). ¡La función de un navegador es transformar el código que está en test.html en una página web reconocible! El navegador sabe cómo distribuir la página, siguiendo la sintaxis HTML.
- 5. MANO A LAOBRA (PRÁCTICA 1) • Creamos un archivo test.html. • Agregaremos texto en la línea 3 por lo que quieras. • Agrega la etiqueta <strong></strong> ¿Qué Pasó?
- 6. HTML • HTML significaHyperText Markup Language (lenguaje de marcado de hipertexto). Hipertexto quiere decir "texto que contiene enlaces." ¡Cada vez que haces clic en una palabra que te lleva a una nueva página web, haz hecho clic en un hipertexto! • Un lenguaje de marcado es un lenguaje de programación usado para que el texto haga más que solamente aparecer en una página; puede convertir el texto en imágenes, enlaces, tablas, listas, y mucho más. El lenguaje de marcado que aprenderemos es HTML. • ¿Entonces qué es lo que hace bonita a una página web?
- 7. TERMINOLOGÍA BÁSICA • Paraaprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que usamos mucho los símbolos <>. • Las cosas adentro de <> se llaman etiquetas. • Las etiquetas casi siempre vienen en pares: una etiqueta de inicio y una etiqueta de cierre. • Un ejemplo de una etiqueta de inicio: <html> • Un ejemplo de una etiqueta de cierre: </html> • Imagina que las etiquetas son como paréntesis; cuando abres uno, debes cerrarlo. Las etiquetas también pueden anidarse, así que debes cerrarlas en el orden correcto: la etiqueta abierta más recientemente debe ser la primera que se cierre, como en el ejemplo de abajo. • <primera etiqueta><segunda etiqueta>¡Algún texto!</segunda etiqueta></primera etiqueta> • El último ejercicio nos enseñó cómo configurar el archivo HTML. Todo lo que haremos ahora irá en medio de <html> y </html>.
- 8. ETIQUETAS • Cabecera • Cuerpo •Párrafo • Salto de Línea • Etiquetas de tamaño • Etiqueta de Cursiva • Etiqueta de Subrayado • Tachado • SuperIndice e SubIndice • Palabras Grandes y Pequeñas
- 9. SEMANTICA Es el usode las etiquetas HTML para reforzar la semántica, o el significado, de la información en las páginas web más que simplemente redefinir su forma de presentación (apariencia)