5. А тепер давайте реалізуємо ссилку на інше місце у нашій створеній веб сторінці:

<A HREF=#БУКВА >ССИЛКА НА БУКВУ Я </A>

<A NAME= БУКВА >Я </A>

Тепер давайте поглянемо як має виглядати наш веб-документ:

<HTML>

<HEAD>

<TITLE>ССИЛКИ </TITLE>

</HEAD>

<BODY>

<A HREF= W_01.HTML >ССИЛКА НА ПОЕЗІЮ Дмитра Павличка “Спогад </A>

<P><A HREF=#БУКВА >ССИЛКА НА БУКВУ Я </A></P>

<pre>

А

П

Л

І

В

К

Е

Н

Г

Ш

П

А

Е

У

Г

Ш

Е

У

В

Л

П

К

У

Н

Ш

Щ

Г

Е

К

У

В

А

Щ

Д

О

В

Ц

В

А

П

Н

Ш

Щ

Н

Е

К

У

Ш

О

Р

П

А

М

<A NAME= БУКВА >Я </A>

</pre>

</BODY>

</HTML>

Можемо перейти до наступного розділу.

6. Створення таблиці

В даному розділі, ми будемо вчитися створювати таблицю..

1. Давайте створимо новий html документ, на основі набутих знаннь при вивченні попередніх розділів:

<HTML>

<HEAD>

<TITLE>ТАБЛИЦЯ</TITLE>

</HEAD>

<BODY>

....

“ТІЛО” ДОКУМЕНТА

....

</BODY>

</HTML>

Збережемо цей веб-документ в папку з іменем “ERA_2008” і назвемо файл W_07.html.

2. Сама таблиця позначається тегом <TABLE>, стовпчик тегом <TR>, а кожна комірка тегом <TD>.

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

§ BORDER – рамка. По замовчуванню BORDER=0

§ WIDTH – ширина. Можна вказувати у відсотках від ширини екрану. Висота таблиці не вказується.

§ ALIGN – вирівнювання. Приймає значення LEFT, RIGHT і CENTER

§ CELLPADDING - Кожну комірку браузер обводить своєю власною рамкою. Це параметр який задає ширину простору між ними, тобто відстань між комірками

§ BGCOLOR – задає колір фону таблиці

§ BACKGROUND – вказує на зображення, яке буде відображатися у вигляді фону таблиці

3. Тепер розглянемо елемент <TR>, а точніше його атрибути:

§ Align

§ Valign

§ Bgcolor

§ Background

§ Rowspan – об’єднує комірки по вертикалі

§ Colspan – об’єднує комірки по горизонталі

§ Width

§ Height

4. А тепер давайте на основі набутих знаннь створемо просту табличку:

<TABLE BORDER=2 WIDTH=80% BORDERCOLOR=GRAY>

<TR>

<TD COLSPAN=2 ALIGN=CENTER >СЮДА МОЖНА ВСТАВИТИ НАЗВУ ТАБЛИЦІ

</TD>

</TR>

<TR>

<TD WIDTH=10%>ДРУГА КОМІРКА </TD>

<TD>ТРЕТЯ КОМІРКА</TD>

</TR>

</TABLE>

А тепер поглянемо на весь текст документа:

<HTML>

<HEAD>

<TITLE>ТАБЛИЦЯ</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=2 WIDTH=80% BORDERCOLOR=GRAY>

<TR>

<TD COLSPAN=2 ALIGN=CENTER >СЮДА МОЖНА ВСТАВИТИ НАЗВУ ТАБЛИЦІ

</TD>

</TR>

<TR>

<TD WIDTH=10%>ДРУГА КОМІРКА </TD>

<TD>ТРЕТЯ КОМІРКА</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Перший розділ “Про HTML” складається з наступних розділів:

1. Основи мови HTML;

2. Теги мови HTML;

3. Таблиці.

Другий розділ другої веб-сторінки складається з наступних розділів:

Передмова до створення веб-сторінки;

1. Створенння структури веб-сторінки;

2. Інформаційне наповнення веб-сторінки;

3. Списки з номерами і без;

4. Вставка зображення у веб-сторінці;

5. Створенння ссилки;

6. Створенння таблиці.

Вигляд всіх веб-сторінок (розділів) є однаковим, але інформаційне їх наповнення є різним. Всі веб-сторінки є взаємопов’язаними між собою, ссилками в логічному і ієрархічному порядку.