Про роздільниках рядків в HTML
Документи, складені за допомогою HTML-розмітки, мають лінійну структуру. Це означає, що при виведенні в браузер, все їх вміст відображається послідовно, одне за іншим. Кожен елемент має свої особливості. Наприклад, абзаци або заголовки завжди розташовуються з нового рядка, вони займають весь доступний простір по ширині, а також зверху і знизу відокремлюються відступами. Це корисно для візуального розмежування вмісту HTML-сторінки. Інакше на екрані ви б бачили «звалище» з тексту, картинок, посилань і т.д.
Але є й інші елементи, такі як зображення. За умовчанням вони займають простір, обумовлене розміром додається картинки. Якщо для цього елемента задано вирівнювання, то вся решта область зліва чи справа буде зайнята іншим вмістом сторінки. Зверніть увагу на приклад, наведений нижче. При виведенні в браузер текст буде облягати зображення праворуч, хоча в розмітці вони розташовуються один над іншим.
У HTML є можливість управляти переносами рядків і додавати горизонтальні лінії на свій розсуд. Для цього є спеціальні елементи
і
. про які ми розповімо далі.
замітка
В даний час для стилізації сторінок використовується CSS (абр. Каскадні таблиці стилів). Ця технологія дозволяє управляти відступами і просторами, займаними елементами. Однак вона не забирає важливості перенесення рядків вбудованими можливостями HTML. Існують ситуації, коли їх застосування переважніше.
Перенесення рядка
Для розриву рядків використовується елемент
. який не вимагає закриває тега, так як не може мати ніякого змісту. Він є основним роздільником рядків в HTML. Використовувати його дуже просто. додайте
. в те місце, де повинен бути здійснений перенос рядка.
горизонтальна лінія
Ще одним способом поділу рядків є додавання між ними горизонтальної лінії. Для цього необхідно використовувати елемент
. Він, як і елемент
. не має закриває тега. Горизонтальна лінія є блоковим елементом, вона завжди розташовується з нового рядка, займає весь доступний простір по ширині, а зверху і знизу відокремлюється відступами від решти змісту.
Для наступним поділом його HTML-сторінки горизонтальною лінією, необхідно просто додати елемент
в те місце, де вона повинна бути відображена.
Поділіться в соцcетях: