Page 78 - 6859
P. 78
Лекція №14
ТАБЛИЦІ
Таблиці HTML створюються в чотири етапи.
На першому етапі в HTML-коді за допомогою парного тега
<TABLE> формують саму таблицю:
<TABLE>
</ TABLE>
Таблиця HTML являє собою блоковий елемент Web-сторінки.
Це означає, що вона розміщується окремо від усіх інших блочних
елементів: абзаців, заголовка, великих цитат, аудіо- та відеороликів.
Так що вставити таблицю в абзац ми не зможемо.
На другому етапі формують рядки таблиці. Для цього
передбачені парні теги <TR>; кожен такий тег створює окремий
рядок. Теги <TR> поміщають всередину тега <TABLE>.
На третьому етапі створюють комірки таблиці, для чого
використовують парні теги <TD> і <TH>. Тег <TD> створює
звичайну комірку, а тег <TH> - комірку заголовка, в якій буде
поміщена "шапка" відповідного стовпця таблиці. Теги <TD> і <TH>
поміщають в теги <TR>, що створюють рядки таблиці, в яких
повинні перебувати ці комірки.
На четвертому, останньому, етапі вказують вміст комірок, який
поміщають у відповідні теги <TD> і <TH>.
<TABLE>
<TR>
<TH>1</TH>
<TH>2</TH>
<TH>3</TH>
</TR>
<TR>
<TD>1.1</TD>
<TD>1.2</TD>
<TD>1.3</TD>
</TR>
<TR>
<TD>2.1</TD>
<TD>2.2</TD>
<TD>2.3</TD>
</TR>
</TABLE>
77