Saltar al contenido principal
Codigo Heroe
Tarea anterior
Estructura y semántica de la página2/16
A la lista de tareas
  1. 1. Doctype: declaración del tipo de documento
  2. 2. Las etiquetas principales de HTML
  3. 3. La etiqueta head: información sobre la página
  4. 4. La etiqueta title: el título de la página
  5. 5. La etiqueta main: el contenido principal
  6. 6. Las etiquetas header y footer: encabezado y pie de página
  7. 7. La etiqueta section: secciones temáticas
  8. 8. La etiqueta nav: la navegación principal
  9. 9. La etiqueta article: contenido autónomo
  10. 10. La etiqueta aside: contenido complementario
  11. 11. Las etiquetas h1–h6: encabezados en HTML
  12. 12. La etiqueta p: párrafos
  13. 13. La jerarquía de encabezados y los párrafos
  14. 14. La etiqueta meta: la codificación de la página
  15. 15. La etiqueta meta: palabras clave y descripción
  16. 16. Otra hoja de estilos para el mismo HTML
Siguiente tarea
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Las etiquetas principales de HTML

Ya tenemos el doctype. Ahora pasemos al contenido.

Una página HTML sencilla incluye, como mínimo, tres etiquetas: <html>, <head> y <body>.

La etiqueta <html> aparece justo después del doctype y contiene todas las demás, incluidas <head> y <body>. A <html> se le suele agregar un atributo importante: lang, abreviatura de «language», que significa «idioma» en inglés. Este atributo indica el idioma del documento. Nuestro sitio estará en español, así que usaremos este valor:

<html lang="es">

La etiqueta <head> guarda información sobre la página, mientras que <body> contiene lo que aparece en la ventana del navegador. Todos los textos e imágenes que agreguemos irán dentro de <body>. En el documento, las etiquetas head y body solo pueden aparecer una vez cada una.

¡Empecemos con el prototipo de la página principal!

Puedes agregar el atributo lang a cualquier etiqueta para indicar el idioma de su contenido. Si lo agregas a <html>, se aplicará a todo el documento.

  • index.html
HTML
<!DOCTYPE html> <html> <head> </head> <body> <!-- ¡Hola a todos! Te doy la bienvenida a mi primer sitio web. Hasta hace poco no sabía qué hacía alguien que se dedica a la maquetación web. Ahora encontré estos ejercicios de HTML y CSS y quiero dedicarme a eso. Incluso tengo un instructor, Cupcake, que no me dejará distraerme y seguirá mis avances. Mi primera tarea es llevar un diario y contar con sinceridad todos mis logros. --> </body> </html>

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Agrega a <html> el atributo lang con el valor es.
    2. Quita los comentarios que rodean el texto dentro de <body>.
    Codigo Heroe

    © 2023-2026, codigoheroe.com