Tarea anterior
Estructura de una página HTML5/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

Cómo conectar estilos

Los estilos pueden escribirse dentro del código HTML de la página o conectarse desde un archivo externo.

En el primer caso, los estilos van integrados en la página y se escriben dentro de la etiqueta <style>. Esta etiqueta suele colocarse dentro de <head>. Por ejemplo:

<head>
  <style>
    código CSS
  </style>
</head>

Dentro de <style> se escribe CSS normal.

Los estilos integrados no se usan tan seguido. Por ejemplo, pueden servir para optimizar la velocidad de carga de una página. Lo más habitual es usar estilos externos, que veremos más adelante.

  • index.html
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cómo conectar estilos</title> <!-- <style> h1 { font-size: 52px; font-family: "Monaco", "Courier", monospace; color: #618ad2; } </style> --> </head> <body> <h1>Cómo conectar estilos</h1> <p>Los estilos se pueden agregar de distintas maneras.</p> <p>Una de ellas es escribirlos dentro de la propia página HTML. Para eso se usa la etiqueta &lt;style&gt;.</p> </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. Quita los comentarios de la etiqueta <style>.

    © 2023-2026, codigoheroe.com