Гіперпосилання

теги <а> текст посилання </а>, визначивши для тегу <а> атрибут href. Його значенням має бути адреса url, на яку вказує посилання..

зовнішнє (абсолютне) посилання <а href="http://www.microsoft.com/">Microsoft</a>

внутрішнє (відносне) посилання <а href="main.htm"> моя особиста сторінка </а>

посилання на якір

<а href="#olenap"> кінці цієї сторінки</а>

…

<а name="olenap" href="mailto:olena@zirka.Iviv.ua"> 0lena@zirka.lviv.ua </a>

Таблиці

<table></table>

<tr></tr> - рядок таблиці

<td></td> - стовпчик (клітинка) таблиці

<th></th> - аголовки рядків або стовпчиків

<caption> </caption> - заголовок таблиці (атрибут align може мати значення top/bottom – заголовок перед або після таблиці)

Приклад – таблиця із 2 рядками і 2-ма стовпчиками

<table>

<tr>

<td>Перша клітинка</td>

<td>Друга клітинка</td>

</tr>

<tr>

<td>-Перша клітинка</td>

<td>-Друга клітинка</td>

</tr>

</table>

Для оформлення зовнішньої рамки таблиці можна використовувати атрибут FRAME тегу <TABLE>. Його значення визначають, що браузер відображатиме:

• box — всі чотири сторони рамки;

• above — лише верхню межу рамки;

• below — лише нижню межу;

• lhs — лише ліву межу;

• rhs — лише праву межу;

• hside s — верхню й нижню межі рамки;

• vsides — ліву й праву межі рамки;

• void — зовнішня рамка не відображатиметься.

Відображення розділювальних ліній між стовпцями та рядками таблиці визначають за допомогою атрибута RULES тегу <TABLE>. Він може набувати таких значень:

• all — відображати всі вертикальні та горизонтальні лінії;

• rows — лише горизонтальні лінії між рядками;

• cols — лише вертикальні лінії між стовпцями;

• none — не показувати розділювальних ліній.

Атрибути

bgcolor="колір" (може застосовуватись і до тегів <table> та <tr>)

align="center"… (стандартні значення вирівнювання по горизонталі)

valign ="middle" (top, bottom) (вирівнювання по вертикалі)

height="висота в пікселях або відсотках "

width="ширина в пікселях або відсотках"

сolspan ="кількість стовпчиків" – кількість стовпчиків, які займає дана клітинка

rowspan="кількість рядків" – кількість рядків, які займає дана клітинка

Можна позбавитись від простору між клітинками таблиці. Для цього використовують атрибут cellspacing <table cellspacing="0">

Для створення рамки таблиці використовують атрибут border="товщина в пікселях"

bordercolor="колір"

bordercolorlight — колір світлої частини рамки;

bordercolordark — колір темної частини рамки.

Робота із зображеннями

<img src=” …. ”>

Може мати наступні атрибути:

height, width – висота та ширина (у відсотках або пікселях)

alt – опис зображення

align – вирівнювання (l e f t — зображення розміщене в лівій частині сторінки, текст обтікає його з правого боку; • r i g h t — зображення розміщене у правій частині сторінки, текст обтікає його з лівого боку; • top — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно за верхньою межею малюнка; • bottom — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно за нижньою межею малюнка; • middle — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно по середній лінії малюнка.)

vspace, hspace – відстань по горизонталі та вертикалі між малюнком та текстом

title – підказка, яка спливає при наведенні на зображення курсором