¿Cómo definir la relación entre un documento y los recursos externos?

En este artículo, aprendemos cómo crear la relación entre un documento y los recursos externos utilizando el elemento <link> . Esta etiqueta se utiliza para definir un vínculo entre un documento y un recurso externo. La etiqueta de enlace se utiliza para vincular a hojas de estilo externas. Este elemento puede aparecer varias veces, pero solo va en la sección de encabezado.
El elemento de enlace está vacío, solo contiene atributos.

Sintaxis:

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

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Define the relationship between a 
        document and the external resources
</title> 
    <link rel="stylesheet"
        type="text/css"
        href="styles.css"> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <h2>HTML5: How to define the relationship 
between a document and the external resources?
</h2> 
  
</body> 
  
</html> 

Código CSS:

h1 {
    color: green;
}
  
h1, h2{
    text-align: center;
}

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *