Tarea anterior
Estructura de una página HTML3/10
A la lista de tareas
  1. 1. Por dónde empieza HTML
  2. 2. La página HTML más simple
  3. 3. El título de la página HTML
  4. 4. La codificación de la página HTML
  5. 5. Cómo conectar estilos
  6. 6. Cómo conectar estilos externos
  7. 7. El misterio del editor de CSS
  8. 8. Cómo conectar scripts
  9. 9. Cómo conectar scripts externos
  10. 10. Practicamos la conexión de estilos y scripts externos
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

El título de la página HTML

El título de la página es el texto que aparece en la parte superior del navegador y también en las pestañas.

Para definir el título de la página, usa la etiqueta <title> dentro de <head>. Por ejemplo:

<head>
  <title>Blog de Instructor Cupcake</title>
</head>
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <title>Solo Cupcake</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Etiqueta &lt;title&gt;</h1> <img src="keks.jpg" alt=""> <p>Esta etiqueta define el título de la página.</p> <p>Permite ubicarse fácilmente entre muchas pestañas abiertas.</p> <p>Instructor Cupcake recomienda usar 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 Solo Cupcake a Instructor Cupcake.

    © 2023-2026, codigoheroe.com