Teoría
Teoría

Conceptos básicos de HTML

El lenguaje HTML se compone de etiquetas. Las etiquetas son los componentes básicos de toda página web.

Cada etiqueta comienza con un < y termina con un >, por ejemplo: <p>.

Todas las etiquetas pueden dividirse en emparejadas y simples. Cada etiqueta emparejada consta de dos partes: una etiqueta de apertura y otra de cierre. El símbolo / se utiliza dentro de la etiqueta de cierre.

He aquí un ejemplo de etiqueta emparejada:

<p>Párrafo</p>

Como puedes ver, la etiqueta <p> tiene un par en forma de cierre </p>.

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

<p>Un párrafo en el que <em>una palabra</em> aparece resaltada.</p>

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Conceptos básicos de HTML</title> <link rel="stylesheet" href="style.css"> </head> <body> Tipos de etiquetas Cada etiqueta HTML tiene su propio significado y finalidad. Algunas etiquetas son de servicio y nunca se ven en la página. Otras se utilizan para dar formato al texto y su influencia es muy visible. </body> </html>

CSS

/* Así se puede especificar el tipo de letra para todo el documento */ body { font-family: "Georgia", serif; }

ObjetivosRealizado

Practica el uso de etiquetas de pares. Utilízalas para marcar texto sin formato en el editor y observa los cambios en el navegador.

Envuelva el encabezado Tipos de etiquetas en h1.
Envuelva cada frase después del título en una etiqueta p separada.
Envuelve una palabra cualquiera en la etiqueta em.