44.Види списків

У деяких випадках для кращої структуризації даних є смисл розташовувати ці дані у вигляді списків. HTML має досить розвинуті можливості для створення трьох видів списків: маркерованих, нумерованих та списків з поясненнями. Крім того можна створювати так звані вкладені списки, комбінуючи вище перераховані типи списків.

Маркеровані списки.

Маркерований список обмежується тегами <ul> та </ul>. Кожен запис списку форматується за допомогою тега <li>. Тег <ul> має параметр type, який дозволяє встановити форму маркера у записі списку. Цей параметр може набувати таких значень:

circle – маркер у вигляді кола;

disk – маркер у вигляді точки;

square – маркер у вигляді квадрата.

Нумеровані списки.

Нумерований список обмежується тегами <ol> та </ol>. Для форматування окремих записів списку використовується, як і для маркерованих списків, тег <li>. Тег <ol> має такі параматри:

type – спосіб нумерації; можливі значення параметра:

А – великі латинські літери;

а – маленькі латинські літери;

І – великі римські цифри;

і – маленькі римські цифри;

1 – арабська нумерація.

start – початковий номер у списку.

Списки з поясненнями.

Список з поясненнями обмежується тегами <dl> та </dl>. Для відображення елемента списку використовується тег <dt>, а для пов’язаного з ним пояснення – тег <dd>.

Вкладені списки.

Якщо потрібно відобразити певну деталізацію записів спику, то виникає необхідність використовувати вкладені списки.

45.Використання таблиць

Мова HTML має набір тегів, які дозволяють створювати на Web-сторінках таблиці. Потреба у HTML-таблицях виникає у двох випадках:

-          власне для відображення таблично поданих даних;

-          для більш точного розташування тексту та малюнків на Web-сторінці.

У HTML-тексті таблиця розташовується між тегами <table> та </table>. Між цими тегами розташовуютьс тени для форматування рядків таблиці - <tr>, </tr>. У свою чергу між тегами <tr>, </tr> розташовуються теги для форматування комірок таблиці - <td>, </td>, та заголовків таблиці <th>, </th>. Тег заголовку відрізняється від тега комірки за двома ознаками:

-          заголовки автоматично центруються у комірці;

-          заголовки зображаються напівжирним шрифтом.

Крім цих тегів існує тег <caption>, </caption> для відображення заголовків заголовку таблиці.

Кожен з цих тегів має значну кількість параметрів. Призначення цих параметрів описані у наступних таблицях.

Параметри спільні для тегів <table>, <tr>, <td>, <th>.

 - align - Вирівнювання даних по горизонталі. Можливі значення: left, right, center, justify (вирівнювання по лівій та правій межі одночасно)

 - valign -Вирівнювання даних по вертикалі. Можливі значення: top, middle, bottom, baseline (вирівнювання по базовій лінії тексту)

- bordercolor -Колір рамки об’єкту, що визначається тегом

- bordercolordark - Колір верхньої частини рамки

- bordercolorlight -Колір нижньої частини рамки

- bgcolor -Колір фону

- width -Ширина об’єкта у пікселах чи процентному співвідношенні.Не застосовується до тега <tr>

- height -Висота об’єкта у пікселах чи процентному співвідношенні. Не застосовується до тега <tr>

Параметри, специфічні для тега <table>.

- background -Фоновий малюнок для таблиці

- clear -Використовується для форматування тексту, розташованого після таблиці у тілі документа. Можливі значення: no – текст розташовується відразу після таблиці без будь-якого вирівнювання (по замовчанню); left – текст розташовується у першому рядку після таблиці і вирівнюється по лівій межі ; right - . . . і вирівнюється по правій межі.

- frame -Керує виглядом зовнішньої рамки таблиці. Можливі значення: border – відображається уся рамка таблиці (по замовчанню); void – рамка не відображається; above – відображається лише верхня межа рамки; below - . . . нижня межа рамки; lhs - ... ліва межа рамки; rhs – . . . права межа рамки; hsides – відображається лише нижня та верхня межа рамки; vsides – відображається лише ліва та права межа рамки.

- rules -Використовуєтьс для керування зовнішнім виглядом границь між комірками. Можливі значення: none – межі між комірками не відображаються; rows – відображаються лише межі між рядками; cols – відображаються лише межі між стовпчиками; all – відображаються усі межі (по замовчанню).

Параметри, специфічні для тегів <td>, <th>.

- background -Використання у якості фону графічного зображення

- colspan -Об’єднання декількох комірок по вертикалі

-rowspan -Об’єднання кількох комірок по горизонталі