Новини
Вивчаємо HTML
Quick Basic
Visual Basic
Завантажити
Посилання
"HTML для початківців" - Розділ 7
Розділ 7. Таблиці
[ Попередній розділ | Зміст | Наступний розділ ]
Можете вибрати іншу частину цього розділу:
[ 1 | 2 ]
Як улаштована таблиця
З тим як улаштована таблиця легше всього розібратися на простому прикладі.
<HTML>
<HEAD>
<TITLE>Приклад 10</TITLE>
</HEAD>
<H1>Найпростіша таблиця</H1>
<TABLE BORDER=1> <!--Це початок таблиці-->
<CAPTION> <!--Це заголовок таблиці-->
У таблиці може бути заголовок
</CAPTION>
<TR> <!--Це початок першого рядка-->
<TD> <!--Це початок першої чарунки-->
Перший рядок, перша колонка
</TD> <!--Це кінець першої чарунки-->
<TD> <!--Це початок другої чарунки-->
Перший рядок, друга колонка
</TD> <!--Це кінець другої чарунки-->
</TR> <!--Це кінець першого рядка-->
<TR> <!--Це початок другого рядка-->
<TD> <!--Це початок першої чарунки-->
Другий рядок, перша колонка
</TD> <!--Це кінець першої чарунки-->
<TD> <!--Це початок другої чарунки-->
Другий рядок, друга колонка
</TD> <!--Це кінець другої чарунки-->
</TR> <!--Це кінець другого рядка-->
</TABLE> <!--Це кінець таблиці-->
</BODY>
</HTML>
Таблиця починається з мітки <TABLE> і закінчується міткою </TABLE>. Мітка <TABLE> може містити кілька атрибутів:
- ALIGN
- Задає розташування таблиці відносно до полів документа. Припустимі значення: ALIGN=LEFT (вирівнювання ліворуч), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання праворуч).
WIDTH- Ширина таблиці. Її можна задати у пікселях (наприклад, WIDTH=400) чи у відсотках від ширини сторінки (наприклад, WIDTH=80%).
BORDER- Задає ширину зовнішньої рамки таблиці і чарунок у пікселях (наприклад, BORDER=4). Якщо атрибут не заданий, таблиця показується без рамки.
CELLSPACING- Задає відстань між рамками чарунок таблиці у пікселях (наприклад, CELLSPACING=2).
CELLPADDING- Задає відстань між рамкою чарунки і текстом у пікселях (наприклад, CELLPADDING=10).
Таблиця може мати заголовок (<CAPTION> ... </CAPTION>), хоча заголовок не є обов`язковим. Мітка <CAPTION> може містити атрибут ALIGN. Припустимі значення: <CAPTION ALIGN=TOP> (заголовок міститься над таблицею) і <CAPTION ALIGN=BOTTOM> (заголовок міститься під таблицею).
Кожний рядок таблиці починається з мітки <TR> і закінчується міткою </TR>. Мітка <TR> може містити наступні атрибути:
- ALIGN
- Задає вирівнювання тексту у чарунках рядка. Припустимі значення: ALIGN=LEFT (вирівнювання ліворуч), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання праворуч).
VALIGN- Задає вертикальне вирівнювання тексту у чарунках рядка. Припустимі значення: VALIGN=TOP (вирівнювання по верхньому краю), VALIGN=MIDDLE (вирівнювання по центру), VALIGN=BOTTOM (вирівнювання по нижньому краю).
Кожна чарунка таблиці починається з мітки <TD> і закінчується міткою </TD>. Мітка <TD> може містити наступні атрибути:
- NOWRAP
- Наявність цього атрибута означає, що вміст чарунки повинен бути показаний у один рядок.
COLSPAN- Задає "розмах" чарунки по горизонталі. Наприклад, COLSPAN=3 означає, що чарунка простирається на три стовпчики.
ROWSPAN- Задає "розмах" чарунки по вертикалі. Наприклад, ROWSPAN=2 означає, що чарунка займає два рядки.
ALIGN- Задає вирівнювання тексту у чарунці. Припустимі значення: ALIGN=LEFT (вирівнювання ліворуч), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання праворуч).
VALIGN- Задає вертикальне вирівнювання тексту у чарунці. Припустимі значення: VALIGN=TOP (вирівнювання по верхньому краю), VALIGN=MIDDLE (вирівнювання по центру), VALIGN=BOTTOM (вирівнювання по нижньому краю).
WIDTH- Задає ширину чарунки у пікселях (наприклад, WIDTH=200).
HEIGHT- Задає висоту чарунки у пікселях (наприклад, HEIGHT=40).
Якщо чарунка таблиці порожня, навколо неї не малюється рамка. Якщо чарунка порожня, а рамка потрібна, у чарунку можна ввести символьний об`єкт (non-breaking space - нерозриваючий пробіл). Чарунка, як і раніше, буде порожньою, а рамка навколо неї буде.
Цікаво відзначити, що будь-яка чарунка таблиці може містити у собі іншу таблицю.
Можете вибрати іншу частину цього розділу:
[ 1 | 2 ]
[ Попередній розділ | Зміст | Наступний розділ ]
|
Українська баннерна |