HTML. Створення таблиць на веб-сторінках.

<table> ... </table>

<tr>... </tr>

<td>... </td>

<title>... </title>

<th>... </th>

<table> ... </table>

<tr>... </tr>

<td>... </td>

<rd>... </rd>

<th>... </th>

<table>

<tr>

<td>

<hr>

<th>

опису таблиці

створення рядків

створення комірок

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

<table> ... </table>

<name>... </name>

<caption>...</caption>

<title>... </title>

<th>... </th>

border

text

align

width

bgcolor

font

bordercolor

face

caption

color

background

cellspacing

Класифікація комп'ютерних вірусів

за місцем існування

за ступенем дії

за особливостями алгоритму

за способом зараження

Види комп'ютерних вірусів

Класифікація комп'ютерних вірусів

за місцем існування

за ступенем дії

за особливостями алгоритму

за способом зараження

Види комп'ютерних вірусів

left

center

bottom

middle

reight

top

ALIGN у тегу <TH>

ALIGN у тегу <TD>

ALIGN у тегу <TR>

<table>

<th>

<td>

<tr>

<caption>

colspan

height

border

rowspan

align

colspan

height

border

rowspan

align

вирівнювання по ширині

підкреслене накреслення

курсивне накреслення

вирівнювання по верхньому краю

вирівнювання по центру

напівжирне накреслення

Текст в клітинці, оформленій за допомогою тега <th>, браузер відображає шрифтом жирного накреслення і вирівнює по лівому краю клітинки.

Заголовок таблиці може розміщуватися в будь-якому місці таблиці між елементами рядків.

За замовчуванням атрибут valign розміщує вміст клітинки по її вертикалі в центрі.

Атрибут rowspan встановлює число клітинок, які об'єднуються по горизонталі, а атрибут  colspan об'єднує клітинки по вертикалі.

<td rowspan="2">Чкаловський ліцей</td>

<tr colspan="2" >Чкаловський ліцей</tr>

<tr rowspan="2" >Чкаловський ліцей</tr>

<td colspan="2">Чкаловський ліцей</td>

<th rowspan="2" >Чкаловський ліцей</th>

<th colspan="2" >Чкаловський ліцей</th>

<tr><th rowspan="4" ><font size=5 >Забезпечення шкіл комп'ютерами</font></th></tr>

<tr colspan="4" ><th><font size=5 >Забезпечення шкіл комп'ютерами</font></th></tr>

<tr><td rowspan="4" ><font size=5 >Забезпечення шкіл комп'ютерами</font></td></tr>

<tr><th colspan="4" ><font size=5 >Забезпечення шкіл комп'ютерами</font></th></tr>

<tr rowspan="4" ><th><font size=5 >Забезпечення шкіл комп'ютерами</font></th></tr>

<tr><th colspan="3" ><font size=5 >Забезпечення шкіл комп'ютерами</font></th></tr>

<table>< bgcolor="Green" width="30%">

<tr bgcolor="Green" width="30%">

<table bgcolor="Green" width="30%">

<table bgcolor="Green" width="30">

<table color="Green" width="30%">

<table background="Зелений" width="30%">

<tr bgcolor="Lime">

<th bgcolor="Lime">

<td color="Lime">

<tr bgcolor="#Lime">

<td bgcolor="Lime">

<td background="Lime">

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

Щоб вирівняти вміст клітинки по вертикалі не потрібно прописувати атрибут valign до тегу <td> тому, що це встановлено за замовчуванням.

Щоб додати фоновий малюнок як тло таблиці потрібно використати атрибут background.

Щоб вирівняти вміст кожної клітинки рядка по горизонталі потрібно використати атрибут align до тегу <td>.

Атрибут align тегу <caption> може приймати значення top i bottom (за замовчуванням  – top) та розміщує заголовок таблиці над нею або під нею.