Використання тегів в html

Будь-які тексти, будь то шкільний твір, замітка в газеті або технічний опис пристрою мають певну структуру. Елементами такої структури є заголовки, підзаголовки, таблиці, абзаци і т.д. HTML-документи не є винятком з цього правила.

Просте форматування HTML-документа можна розбити на два розділи.

"Форматування HTML - документа" - тобто представлення всього тексту на екрані монітора. Сюди входить робота з абзацами, рядками, центрування тексту;

"Форматування тексту" - безпосередньо робота з текстом, встановлення шрифту, кольору, розміру, відображення тексту похилим, напівжирним і т.д .;

Також буде розкрита більш складна тема - логічне форматування тексту, тобто виділення логічно значущих частин тексту.

Форматування HTML - документа

Логічне форматування тексту


Елемент абзацу (paragraph) - один з найкорисніших. Він дозволяє використовувати тільки початковий тег, так як наступний елемент P позначає кінець попереднього і начоло наступного абзацу. Кінцевий тег зручно використовувати в тих випадках, коли за змістом зручно позначити кінець абзацу. У деяких випадках зручно ставити стартовий тег в кінці рядка: він не тільки вкаже кінець абзацу, а й виконає функцію елемента
(Розрив рядка). наприклад:

Текст першого абзацу.

Текст другого абзацу.

Текст третього абзацу.

Разом з елементом P можна використовувати атрибут вирівнювання align:

align = "left" - вирівнювання по лівому краю;
align = "center" - вирівнювання по центру;
align = "right" - вирівнювання по правому краю;
align = "justify" - вирівнювання по ширині;

Абзаци форматуються оглядачем, і їх вид залежить, зокрема, від розміру вікна програми.

Два наступних елемента дозволяють внести деяку визначеність у формати абзаців.



Елемент, що забезпечує примусовий перехід на новий рядок. Він має тільки стартовий тег. У місці його розміщення рядок закінчується, а залишився текст друкується з нового рядка.


Позначення цитати. Цей елемент вимагає наявності кінцевого тега. Текст не претерпівает ніяких змін, але абзац розташований з відступом.
приклад:
Текст без відступу.

Текст з відступом.


Елемент для центрування тексту, а точніше, будь-якого вмісту (малюнка, таблиці, списку і т.д.).


Елемент, схожий на попередній. Він дозволяє вирівнювати вміст по лівому краю, по центру або по правому краю. Для цього стартовий тег повинен містити відповідний атрибут:

align = "left" - вирівнювання по лівому краю;
align = "center" - вирівнювання по центру;
align = "right" - вирівнювання по правому краю;


Елемент заголовка. Існує шість рівнів заголовків, які обозначаються H1. H6. Тема рівня 1 найбільший, а рівень 6 забезпечує найдрібніший заголовок. Подання про відносні розміри иожно побачити на сторінці-прикладі. Для заголовків можна використовувати атрибут, що задає вирівнювання вліво, по центру або вправо:

align = "left" - вирівнювання по лівому краю;
align = "center" - вирівнювання по центру;
align = "right" - вирівнювання по правому краю;

Елемент не має кінцевого тега, але допускає ряд атрибутів для вирівнювання вліво, по центру, вправо, по ширині:

align = "left"
align = "center"
align = "right"

Можна задати товщину лінії:

size = "Товщина в пікселях"

Можна керувати довжиною лінії:

width = "Довжина в пікселах"
width = "Довжина у відсотках"

Можна вибирати колір:

color = "Колір"

Ось зразок виконання коду:

: