Blue Flower

Como enlazar html con .css externo

Detalles
Categoría: CSS
Visto: 870

Para enlazar un archivo CSS a un archivo HTML, debes usar la etiqueta <link> dentro de la sección <head> del documento HTML. La etiqueta <link> permite especificar la ubicación del archivo CSS para que se aplique el estilo al contenido de la página.

Aquí tienes un ejemplo básico:

 
 
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mi Página</title> <link rel="stylesheet" href="estilos.css"> </head> <body> <h1>¡Hola Mundo!</h1> <p>Este es un párrafo con estilo.</p> </body> </html>

Explicación:

  • La etiqueta <link> se coloca en la sección <head>, ya que es donde se suelen definir los archivos que afectan al documento.
  • El atributo rel="stylesheet" indica que el archivo es una hoja de estilo.
  • El atributo href="estilos.css" es la ruta hacia el archivo CSS. Si el archivo CSS está en la misma carpeta que el HTML, solo tienes que poner el nombre del archivo. Si está en una subcarpeta o en una ruta diferente, debes especificar la ruta completa.