Lección 1: Introducción a HTML

¿Qué es HTML?

HTML significa "Lenguaje de Marcado de Hipertexto" (HyperText Markup Language). Es el lenguaje estándar para crear páginas web. HTML no es un lenguaje de programación, sino un lenguaje de marcado que define la estructura de tu contenido.

Con HTML, puedes crear:

• Páginas web que se ven bien en todos los navegadores
• Secciones, párrafos, y enlaces
• Formularios para recoger datos
• Imágenes, videos, y contenido multimedia
• ¡Y mucho más!

Estructura básica de una etiqueta HTML

Las etiquetas HTML son los bloques de construcción de una página web. Veamos cómo se ven:

Una etiqueta HTML típicamente consiste en:

1. Una etiqueta de apertura: <nombreetiqueta>
2. El contenido: Esto es lo que la etiqueta está marcando
3. Una etiqueta de cierre: </nombreetiqueta>

Etiquetas de par vs. etiquetas autocerrantes

Existen dos tipos principales de etiquetas HTML:

Etiquetas de par

Estas etiquetas tienen una etiqueta de apertura y una de cierre. Por ejemplo:

<p>Este es un párrafo</p>

Esta etiqueta crea un párrafo.

<h1>Este es un encabezado de nivel 1</h1>

Esta etiqueta crea un encabezado de nivel 1.

Observa que lo único que cambia es el nombre del elemento, pero la estructura es la misma: <nombre> Contenido </nombre>  

Etiquetas autocerrantes

Estas etiquetas no necesitan una etiqueta de cierre separada. Por ejemplo:

<hr>

Esta etiqueta crea una línea horizontal en la página.

Anidado de etiquetas y formato de escritura

Luego veremos en profundidad el tema del anidado, pero por ahora ten en cuenta que no puedes mezclar aperturas y cierres de etiquetas.
Por ejemplo esto estaría mal:

<p> párrafo <h1> encabezado </p></h1>

Lo correcto sería: 

<p> párrafo </p> <h1>encabezado </h1>

De hecho los elementos se suelen escribir uno debajo del otro, para facilitar la lectura por humanos: 

<p> párrafo </p> 
<h1> encabezado </h1>

Cómo escribir los caracteres especiales

Para escribir los caracteres en los equipos ceibal que tienen teclado en español latinoamericano

"<" La tecla que está entre la z el el shift.   
">" La tecla que está entre la z el el shift  (pero presionando el shift para que sea el carácter de arriba).
"/" Es el carácter secundario de la tecla 7 (pero presionando el shift para que sea el carácter de arriba).