Основи web-дизайну

ТЕМА. Форматування абзаців, розділів та рядків. Атрибути тегів.

Теоретичний матеріал

При створенні web-сторінок треба пам’ятати, що будь-який текст складається з абзаців. Для створення абзацу в мові HTML використовуються теги <P> і </P>, між якими вміщений текст абзацу. Втім, кінцевий тег </P> в елементі абзацу в деяких випадках не є обов’язковим.

Для переходу на новий рядок (розрив рядка) без створення абзацу застосовується тег <BR> - наступний за цим тегом текст буде наведено в новому рядку без пропуску рядка. Цей тег є порожнім елементом, що змушує браузер перевести текст на новий рядок. Теги <BR> зручні при наборі віршів тощо. Якщо при оформленні сторінки необхідно, щоб текст був розміщений в один довгий рядок, на противагу <BR> використовують тег <NOTBR>.

Досить часто теги містять додаткові елементи, які називаються атрибутами.

Атрибути (параметри) – це компоненти тегу, що містять вказівки про те, як браузер має сприйняти й обробити тег. Атрибут записується після імені тегу перед дужкою > і складається, як правило, з пари «ім’я атрибута – значення».

Вирівнювання абзаців

Вирівнювання абзаців у межах сторінки можливе за рахунок атрибута align, який може мати такі значення:

·         left – вирівнюється по лівому краю (за умовчанням);

·         center - вирівнюється по центру;

·         right - вирівнюється по правому краю.

Запис тегу, що містить атрибут, має такий вигляд:

<P align = “left” > по лівому краю </P>

Для структурування тексту у web-документах використовуються також розділи, які створюються за допомогою тегів <DIV> </DIV>. Вирівнюють розділи, як і абзаци, за допомогою атрибута align.

Практична робота

Створити з допомогою текстового редактора Блокнот файл за зразком

Білі мухи налетіли –

все подвір’я стало біле.

Не злічити білих мух,

що летять неначе пух.

- Галю, Петрику, Кіндрате,

годі, ледарі, вам спати!

І побігли до санчат

Галя, Петрик і Кіндрат!

Максим Рильський