Comienzos HTML
Enviado por Lunep • 25 de Agosto de 2014 • 554 Palabras (3 Páginas) • 201 Visitas
¿Por qué aprender HTML?
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.
Instrucciones
1. A la derecha tenemos un archivo test.html.
2. ¡Cambia el texto en la línea 3 por lo que quieras!
3. También hay una pestaña de 'Resultados'. Funciona igual que un navegador.
4. Presiona Ejecutar, y verás como el archivo test.html se vería en un navegador. ¿Viste? ¡Las etiquetas <strong></strong> convirtieron nuestro texto en negrilla!
HTML y CSS
HTML significa HyperText 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.
¿Qué es lo que hace bonita a una página web? Eso es CSS—Cascading Style Sheets (hojas de estilo en cascada). Imagina que es la piel y el maquillaje que cubre los huesos del HTML. Primero aprenderemos HTML, después, en cursos posteriores, nos ocuparemos del CSS.
Terminología básica
Para aprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que usamos mucho los símbolos<>.
1. Las cosas adentro de “<>” se llaman etiquetas.
2. Las etiquetas casi siempre vienen en pares: una etiqueta de inicio y una etiqueta de cierre.
3. Un ejemplo de una etiqueta de inicio: <html>
4. 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.
Haz la cabecera
Todo dentro de nuestro archivo HTML irá en medio de las etiquetas de inicio <html> y de cierre </html>.
El archivo siempre consiste de dos partes: la cabecera y el cuerpo. Vamos a concentrarnos en la cabecera.
a. Tiene una etiqueta de inicio y una de cierre.
b. La cabecera incluye información importante, como el título de la página web.
c. El título son las palabras que vemos en la etiqueta (por ejemplo, el título de esta página es "Introducción a HTML").
Las etiquetas de HTML son <html> y</html>.
Cabecera: <head> y </head>.
...