Как определить взаимосвязь между документом и внешними ресурсами?

Опубликовано: 26 Февраля, 2022

В этой статье мы узнаем, как создать связь между документом и внешними ресурсами с помощью элемента <link>. Этот тег используется для определения связи между документом и внешним ресурсом. Тег ссылки используется для ссылки на внешние таблицы стилей. Этот элемент может появляться несколько раз, но только в разделе заголовка.
Элемент ссылки пустой, он содержит только атрибуты.

Синтаксис:

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

Example:

<!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

CSS Code:

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

Выход:

Поддерживаемые браузеры:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • Опера
  • Сафари