Оформлення тексту, створення списків та заголовків

Тег <BODY> має велику кількість атрибутів, важливих для визначення загального виду документа. Основні з цих атрибутів подано в таблиці.

Атрибут	Призначення
ALINK	Визначаєколір, якимвиділяєтьсяактивнегіперпосилання
BACKGROUND	ВказуєURLзображення, якеслід використовувати як фон документа
BGCOLOR	Визначає колір фону документа
LINK	Визначає колір гіперпосилання, яке не було «використане»
TEXT	Визначає колір тексту документа
VLINK	Визначає колір гіперпосилання, яке було «використане»

Приклади:

Чорнийтекстнасиньомуфоні	Білийтекстнасиньомуфоні
<HTML> <HEAD> <TITLE> Сторінка з фоном </TITLE> </HEAD> <BODY BGCOLOR=”blue”> Чорнийтекстнасиньомуфоні </BODY> </HTML>	<HTML> <HEAD> <TITLE> Сторінка з фоном </TITLE> </HEAD> <BODY BGCOLOR=”blue” TEXT="white"> Білийтекстнасиньомуфоні </BODY> </HTML>

Запишемо даний текст в програмі Блокнот, збережемо файлиз розширенням.htm, закриємо файли, відкриємо файли одним із браузерів.

Основним елементом HTML-файлу є абзац. Для формування абзаців використовують непарні теги:

Тег	Призначення тегу
<P>	Цей тег ставиться в кінці абзацу
<BR>	Текст, що йде після цього тегу,починається з нового рядка

Для форматування тексту використовують парні теги:

Тег	Призначення тегу
<B></B>	Текст, поміщений в цей тег, буде відображено жирним шрифтом
<I></I>	Текст, поміщений в цей тег, буде відображено курсивом
<U></U>	Текст, поміщений в цей тег, буде відображено підкресленим шрифтом
<S></S>	Текст, поміщений в цей тег, буде відображено ~~закресленим~~ шрифтом

<U><S> Чорний текст на синьому фоні </S></U>

Теги для створення списків

<LI> створює елемент списку. Застосовується всередині контейнера <ul> (маркірований список) або <ol> (нумерований список).

<OL></OL> Цей тег створює нумерований список

Приклад

<ol> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> </ol>

1. Первый 2. Второй 3. Третий 4. Четвертый

<UL></UL>Цей тег створюємаркірований список

Приклад

<ul> <li>пункт 1</li> <li>пункт 2</li> <li>пункт 3</li> </ul>

§ пункт 1 § пункт 2 § пункт 3

Теги для створення заголовків

<H1></H1> Тег, який визначає заголовок документа. Після букви H вказується вид заголовка від 1 до 6. Чим більша цифра, тим менший шрифт (рівень) заголовку.

Створення і форматування таблиць та графічних об’єктів

Комірки таблиці можуть містити в собі текст, графіку або іншу таблицю. Далі наведего деякі теги оформлення таблиць:

Тег	Форма запису	Примітка
TABLE	<TABLE>текст</TABLE>	Оголошення таблиць
TR	<TR>текст</TR>	Тег рядка
TD	<TD>текст</TD>	Тег комірки
TH	<TH>текст</TH>	Тег комірки-заголовка

Атрибути тегу <TABLE>

Атрибут	Форма запису	Примітка
BORDER	<TABLE BORDER=X>	Задає рамку навколо таблиці.
WIDTH	<TABLE WIDTH=XX%>	Задає ширину таблиці як ХХ% від ширини сторінки або як ХХ пікселів.
BGCOLOR	<TABLE BGCOLOR= "#RRGGBB">	Задає кольори фону таблиці.
CELLSPACING	<TABLE CELLSPACING = х	Задає відстань між зовнішніми границями комірок. Х- значення
CELLPADDING	<TABLE CELLPADDING = х	Задає відстань між границею комірки та її вмістом Х- значення