Teoría
Teoría

Fundamentos de HTML

HTML está formado por etiquetas. Son esos mismos ladrillos con los que se construye cada página web.

Cada etiqueta empieza con el símbolo < y termina con el símbolo >; por ejemplo: <p>.

Todas las etiquetas se pueden dividir en dobles e individuales. Cada etiqueta doble tiene dos partes: una etiqueta de apertura y otra de cierre. Dentro de la etiqueta de cierre se usa el símbolo /.

Aquí tienen un ejemplo de etiqueta doble:

<p>Párrafo</p>

Como pueden ver, la etiqueta <p> tiene su pareja en la etiqueta de cierre </p>.

Las etiquetas pueden ir unas dentro de otras. Por ejemplo, dentro de un párrafo se puede destacar una palabra:

<p>Párrafo en el que una palabra está <em>destacada</em>.</p>

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Fundamentos de HTML</title> <link rel="stylesheet" href="style.css"> </head> <body> Tipos de etiquetas Cada etiqueta HTML tiene su propio significado y propósito. Algunas etiquetas son de servicio y nunca se ven en la página. Otras etiquetas se usan para dar formato al texto y su efecto se nota bastante. </body> </html>

CSS

/* Así se puede indicar la fuente para todo el documento */ body { font-family: "Georgia", serif; }

ObjetivosRealizado

Practiquen el uso de etiquetas dobles. Marquen con ellas el texto sin formato del editor y observen los cambios en el navegador.

Envuelvan el encabezado Tipos de etiquetas con una etiqueta h1.
Envuelvan cada oración que va después del encabezado en una etiqueta p independiente.
Envuelvan una palabra cualquiera con la etiqueta em.