Tarea anterior
Estructura de la página HTML3/10
A la lista de tareas
  1. 1. Dónde empieza HTML
  2. 2. Una simple página HTML
  3. 3. Encabezado de página HTML
  4. 4. Codificación de páginas HTML
  5. 5. Estilos de conexión
  6. 6. Conexión de estilos externos
  7. 7. El misterio del editor CSS
  8. 8. Conexión de scripts
  9. 9. Conexión de scripts externos
  10. 10. Conexión segura de estilos y scripts externos
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Encabezado de página HTML

El título de la página es el texto que aparece en la esquina superior izquierda del navegador, así como en las pestañas.

Para establecer el título de la página, debe utilizar la etiqueta <title> dentro de la etiqueta <head>. Por ejemplo, así:

<head>
  <title>El blog de la instructora Cupcake</title>
</head>
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <title>Simplemente Cupcake</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>&lt;title&gt; tag</h1> <img src="keks.jpg" alt="" /> <p>Esta etiqueta indica el título de la página.</p> <p>Permite navegar entre las numerosas pestañas abiertas de forma muy cómoda.</p> <p>Instructor Cupcake recomienda utilizar títulos claros.</p> </body> </html>
CSS
body { margin: 20px; font-size: 18px; line-height: 24px; } h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; } img { float: right; width: 200px; margin-left: 20px; border-radius: 10px; }

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. Cambia el título de la página de Simplemente Cupcake a Instructor Cupcake.

    © 2023-2025, codigoheroe.com