Agregar una Hoja de Estilo Externa en HTML

HTML, que es la base de cualquier página web, permite incorporar hojas de estilo en cascada (CSS) de tres formas: internas, en línea y externas. En este caso, nos enfocaremos en cómo agregar una hoja de estilo externa en HTML.

La respuesta correcta ala pregunta es:

<link rel="stylesheet" type="text/css" href="mystyle.css">

Este código HTML nos permite vincular una hoja de estilo CSS externa, que está archivado en el mismo directorio con el nombre "mystyle.css", a nuestra página HTML. Desglosemos este código para comprenderlo mejor:

link: Este es el componente clave que indica al navegador que estamos vinculando una hoja de estilo externa.
rel="stylesheet": Este atributo define la relación entre la página HTML y el archivo vinculado. En este caso, "stylesheet" indica que el archivo vinculado es una hoja de estilo.
type="text/css": Este atributo especifica el tipo de contenido del archivo vinculado. Para las hojas de estilo, el tipo de contenido es "text/css".
href="mystyle.css": Este atributo especifica la ubicación del archivo vinculado. "mystyle.css" puede ser reemplazado por la URL de tu hoja de estilo externa o la ruta hacia el archivo en tu sistema de archivos local o servidor.

Dicho esto, es necesario señalar que la etiqueta <link> debe colocarse dentro de la sección <head> de tu archivo HTML para asegurar una correcta visualización del estilo.

Por ejemplo, un documento HTML con una hoja de estilo externa se vería así:

<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<!-- El contenido de tu página va aquí -->
</body>
</html>

Es importante recordar que el manejo de hojas de estilo externas es una excelente práctica ya que permite mantener un código más limpio y ordenado en sus documentos HTML, además de permitir la reutilización de la misma hoja de estilo en múltiples páginas. También facilita el mantenimiento y las actualizaciones del estilo de tu sitio web.

Agregar una Hoja de Estilo Externa en HTML

Related Questions