Создание ячеек таблицы
Теперь нужно определить сами ячейки. Если посмотреть на рис. 8.4, то может показаться, что их меньше, чем на самом деле. В процессе опреде-ления ячеек бывает удобно временно установить в теге
<TABLE>
атрибут BORDER=. В этом случае все границы между ячейками будут видимы.
Кик видно из рисунка, четвертая строка этой таблицы — единственная, где определены все пять столбцов, но этого уже достаточно. Тем не менее, для верности лучше поместить прозрачный рисунок во всех “пустых” ячейках таблицы. В третьей и пятой строках таблицы объединены в столбцов. Эти строки используются в качестве вертикального отступи между графическими гиперссылками. Здесь помещен прозрачный рису нок, “растянутый” в высоту:
<TR><TD COLSPAN="5">
<IMG SRC="Images/diafanol. gif" WIDTH="4" HEIGHT="20" BORDER="0" ALT=""></TD></TR>
Как видите, высота этой строки равна 20 пикселам. Пустые ячейки в осталь ных строках используются для задания ширины столбцов, например, так.
<TD><IMG SRC="Images/diafanol.gif" WIDTH="20" HEIGHT="3"
BORDER="0" ALT=""></TD>
Здесь помещен прозрачный рисунок, “растянутый” по горизонтали. Остальные “пустые” ячейки также заполнены прозрачными рисунками. размеры которых проставлены, исходя из того, что ширина каждого рисунка гиперссылки равна 120 пикселам, а ширина всех отступов — 20 пикселе и
Давайте окинем взглядом весь текст этой страницы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.О Transitional//EN">
<HTML>
<HEAD>
<ТITLЕ>Электронная библиотека</ТIТLЕ>
<STYLE> BODY { background-color: #FOE7F1;
} H2 { text-align: center;
} TD { font-family: MS Comic Sans, sans-serif;
text-align: center; }
</STYLE>
</HEAD>
<BODY>
<TABLE WIDTH="99%" BORDER="0" CELLSPACING="0" CELLPADDING="0">