Saltar al contenido principal
Codigo Heroe
Tarea anterior
Estructura y semántica de la página4/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

La etiqueta title: el título de la página

Otra etiqueta que aparece dentro de <head> es <title>. Define el título de la página que se muestra en la pestaña del navegador:

Pestaña del navegador con el título Ejercicios — CódigoHéroe

Así se usa <title> en el código:

<head>
  <title>Ejercicios — CódigoHéroe</title>
</head>

El texto de <title> debe describir el contenido del documento en su conjunto. Tiene que permitir reconocer de qué trata la página, incluso cuando aparece entre los resultados de búsqueda o en los marcadores del navegador.

Démosle un título adecuado a nuestra página. Verás cómo cambia en la parte superior del mininavegador.

  • index.html
HTML
<!DOCTYPE html> <html lang="es"> <head> <!-- Agrega el título aquí --> <link rel="stylesheet" href="outlines.css"> </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. Dentro de <head>, agrega el título de la página con el texto Mi primer sitio web.
    Codigo Heroe

    © 2023-2026, codigoheroe.com