Page 28 - 6108
P. 28
Елемент <link> доволяє підключити зовнішні стилі, які описані в
окремому файлі. Елемент не вимагає закриваючого тегу. Даний елемент
визначає відносини між поточною сторінкою та іншими документами. Таких
елементів на сторінці може бути кілька. Запис буде мати наступний вигляд:
<link rel = "stylesheet" href = "style.css" type =
"text/css">
Для елемента доступні атрибути href, hreflang, media, rel,
type, а також глобальні атрибути.
Елемент <script> дозволяє приєднувати до документа різні сценарії.
Закриваючий тег обов'язковий, при цьому текст сценарію може
розташовуватися або всередині цього елемента, або в зовнішньому файлі. Якщо
текст сценарію розташований в зовнішньому файлі, то він підключається за
допомогою атрибутів елемента. Для елемента доступні атрибути async,
charset, defer, src, type, а також глобальні атрибути.
Тіло документа (<body>) – це та частина, в яку поміщається власне вміст
HTML-документа. Тіло включає призначений для відображення текст і керуючу
розмітку документа (теги), які використовуються браузером.
Повний перелік тегів, що підтримуються HTML4 и HTML5, можна
знайти на сайті http://html5book.ru/html-tags/
Умовно теги можна поділити на дві групи:
Блокові елементи. Характеризуються тим, що займають всю доступну
ширину, висота елемента визначається його вмістом, і він завжди починається з
нового рядка.
Рядкові елементи. Є безпосередньою частиною іншого елемента,
наприклад, текстового абзацу. В основному використовуються для зміни
вигляду тексту або його логічного виділення.
Блокові теги
Загальні характеристики блокових тегів:
На початку і в кінці блокових тегів, автоматично ставиться
перенесення рядка.
В блокових тегах можна управляти шириною і висотою: width,
height
В блокових тегах можна управляти зовнішніми і внутрішніми
відступами
Блокові теги займають всю ширину, наприклад якщо поставити їм
фон, то фон займають всю ширину батьківського елементу.
Оскільки блокові теги займають всю ширину батьківського елементу,
то об'єктами знаходяться всередині блокового тегу, можна керувати за
допомогою горизонтального та вертикального вирівнювання
Всередині блокових тегів можна розміщувати інші блокові теги, а
також рядкові теги.
Типові блокові теги
<div> Універсальний блоковий елемент.
<p>, <h1>-<h6>, <blockquote> Теги для HTML текста
<hr> Горизонтальна лінія.