Форматування абзаців.

HTML виконує форматування тексту в програмі перегляду, а не у вихідному документі. Цим забезпечується незалежність від устаткування. Щоб закінчити рядок у потрібному місці, використовують тег розриву рядка <BR>.

Щоб розбити текст, необхідно використовувати елементи абзацу. Якщо помістити відкриваючий тег абзацу <р> у початок кожного нового абзацу, то програма перегляду коректно розділить текст на абзаци. Додавання закриваючого тега </р> не обов'язково, оскільки його функцію звичайно виконує наступний початковий тег абзацу, що зустрінеться в документі.

Параметри тега <p>:

LEFT Вирівнює текст по лівому полю вікна перегляду

Правий край нерівний

CENTER Вирівнює текст по центрі між полями вікна

перегляду

RIGHT Вирівнює текст по правому краї вікна перегляду

Лівий край нерівний

Формування горизонтальної лінії можна здійснити за допомогою елемента <HR>.

Параметри тегу <HR>.

ALIGN ЗА допомогою цього атрибута можна задати вирівнювання по лівому краї (LEFT), по правому краї (RIGHT) чи по центрі (CENTER)

WIDTH Довжину лінії можна вказати в пикселях чи в процентному відношенні до ширини вікна броузера. Якщо використовуються відсотки, додайте знак відсотка до числу

SIZE Висота лінії в пикселях

NOSHADE Якщо мається цей атрибут, то броузер не використовує ефект тривимірності

COLOR Для вказівки кольору розділової лінії можна використовувати шестнадцатеричное значення RGB чи стандартна назва кольору

Вставка графічних об’єктів у Веб-документи.

Найбільш розповсюдженими графічними форматами в Web є GIF і JPEG формати. Для того, щоб уставити зображення в Web-сторінку необхідно або намалювати його, або узяти вже готове. У будь-якій програмі малювання нескладно намалювати просте зображення і зберегти його в необхідному форматі. Якщо програма не підтримує цей формат, то необхідно перетворити файл. Для цього існує безліч програм, призначених для перетворення одного графічного формату в іншій. Запозичити ж картинки можна з різних програмних пакетів, чи з інших Web-сторінок у Internet, утримуючих бібліотеки художніх зображень вільного доступу. Коли броузер виводить сторінку Web із зображенням, що відповідає графічний файл тимчасово зберігається у пам'яті комп'ютера. У більшості броузеров є команда, що дозволяє зберегти файл постійно на локальному диску. Існує безліч інших варіантів одержання графічних файлів Зображення можуть бути корисні своєю інформативністю і додають Web-сторінці привабливий вид. Приведемо найбільш розповсюджені випадки застосування зображень:

 логотип компанії на діловій сторінці;

 графіка для рекламного оголошення;

 різні малюнки;

 діаграми і графіки;

 художні шрифти;

 підпис автора сторінки;

 застосування графічного рядка в якості горизонтальної розділової лінії;

 застосування графічних маркерів для створення красивих маркірованих списків. Тепер розглянемо як уставити зображення в сторінку Web. Тагом НТМ, що змушує броузер виводити зображення, є <IMG> з наступним загальним форматом:

<IMG SRC="Ім'я файлу з розширенням">

Замикаючого тага не потрібно. Тут SRC означає джерело (SouRCe), а ім'я файлу являє собою ім'я виведеного графічного файлу.

Обмежуючі прямокутники й атрибути АLТ=

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

Параметри тега <IMG>:

WIDTH= число пікселів

НЕIGНТ=число пікселів

Побудова та форматування таблиць.

Таблиці використовуються в web-дизайні не тільки, як засіб представлення даних, але і як інструмент розташування елементів на сторінці. Побудова таблиці здійснюється тегом <TABLE>

Тэг <TABLE> використовує наступні основні атрибути (табл. 3):

Таблиця 3

Параметри тэга <TABLE>

Найменування	Опис
WIDTH="[ширина]"	Ширина таблиці. Задає мінімальну ширину таблиці. Якщо який-небудь елемент (дуже часто це случається з елементами <PRE></PRE> і <IMG>) не може бути відображений у цій ширині, то ширина таблиці збільшується, щоб умістити цей елемент Задається в одиницях довжини (пиксели, пункти і т.п.) чи у відсотках доступного простору
HEIGHT="[ширина]"	Висота таблиці. Так само задає мінімальну висоту таблиці. Дуже часто спотворюється в залежності від змісту
VALIGN="TOP|BOTTOM"	Задає вирівнювання вмісту осередків. Якщо цей атрибут опущений, то вміст вирівнюється по центрі
ALIGN="LEFT|RIGHT"	Задає вирівнювання таблиці в потоці, як і в зображень
CELLPADDING="[відступ]"	Відступ від границі осередку до її вмісту
CELLSPACING="[відстань]"	Відстань між осередками
BACKGROUND="[шлях до картинці]"	Задає зображення тла таблиці. У деяких випадках некоректно обробляється Netscape Navigator.
BGCOLOR="#rrggbb|название кольору"	Задає колір тла таблиці

Для тэга <TABLE> закриваючий тэг </TABLE> є обов'язковим. Усередині цієї пари тэгов розташовуються ряди осередків.

Ряд осередків полягає в тэги <TR> закриваючий тэг </TR>. І може мати наступні атрибути (табл. 4):

Таблиця 4

Атрибути тэга <TR>

Найменування	Опис
VALIGN="TOP | MIDDLE | BOTTOM | BASELINE"	Задає вирівнювання вмісту осередків вряду.
ALIGN="LEFT|RIGHT"	Задає вирівнювання вмісту осередків ряду щодо границь осередку
BGCOLOR="#rrggbb | назва кольору"	Задає колір тла ряду

Вміст осередків полягає в тэги <TD> і </TD>. Даний тэг може містити наступні атрибути (табл. 5):

Таблиця 5

Параметри тэга <TD>

Найменування	Опис
VALIGN="TOP | MIDDLE | BOTTOM | BASELINE"	Задає вирівнювання вмісту в індивідуальної осередку
ALIGN="LEFT | RIGHT"	Задає вирівнювання вмісту індивідуального вмісту осередку
WIDTH="[ширина]"	Задає мінімальну ширину осередку. Необхідно мати через, що ширина осередку в колонку визначається максимальною шириною осередків у колонку. Має різні наслідку якщо використовується в Netscape Navigator разом з аттрибутом WIDTH, зазначеному в тэге <TABLE>
HEIGHT="[висота]"	Задає мінімальну висоту осередку
NOWRAP	Указує на те, що рядок умісту не може бути розбита для збереження ширини осередку. Будьте особливо уважні при використанні цього атрибута, так як він може привести до появи дуже широких осередків
BGCOLOR="#rrggbb | назва кольору"	Задає колір тла осередку

Положення таблиці в потоці даних встановлюється атрибутом ALIGN тэга <TABLE>. Якщо атрибут не зазначений, то таблиця розташовується з вирівнюванням уліво, потік тексту розривається.