ТаблицыТаблицы являются наиболее замечательной особенностью HTML. Вооружившись небольшим количеством знаний, вы сможете использовать их, чтобы создавать впечатляющее разнообразие эффектов при проектировании страниц. Таблица размещается между тегами <table>...</table> . Например:
<TR> -Новая строка для неограниченного числа ячеек таблицы. <TH> -Ячейка для заголовков. <TD> -Ячейка для обычного текста. Все понятно? Поехали дальше: ROWSPAN - задает количество ячеек объединенных в колонку, COLSPAN - тоже, в строчку. (С объединением придется потренироваться: при объединении, оставшиеся(объединенные в одну) ячейки должны быть пропущены т.е. если вы объявили, что соединяете 6 ячеек в строке, следующий тег ячейки будет вносить данные сразу в седьмую ячейку этой строки. Тоже и с колонками.) Более сложный пример: <CENTER> <TABLE BORDER="15" BGCOLOR="YELLOW" width="75%"> <TR> <TH rowspan="2">В первой строке ячеек в колонку объединены 2 ячейки заголовков. Во второй строке таблицы тег первой ячейки должен быть пропущен. <TD bgcolor="lime"> <img src="lego.gif"> <TD>3 ячейка первой строки <TR> <TD colspan="2">Вторая строка таблицы тоже состоит из трех ячеек, но так как тег первой ячейки пропущен из-за объявления в первой строке, а 2 последние ячейки тоже объединены в одну, то во второй строке используется только одна метка ячейки. </TABLE></CENTER> Дает на экране:
Таблицы автоматически растягиваются в зависимости от содержимого, но также возможно и объявление их размеров. WIDTH - ширина таблицы можно в процентах, можно в пикселах. HEIGHT-высота.(тоже и к ячейкам) Также таблицей могут управлять атрибуты CELLPADDING="n"
-определяет отступ от содержимого внутри ячеек,
и CELLSPACING="n" -ширина границ между ячейками -все
в пикселах. (Значение BORDER тем не менее определяет, будут-ли границы присутствовать вообще.)
Остается добавить, что таблица как и картинки имеет возможность обтекания текстом
(относительного выравнивания) при использовании свойства ALIGN
в теге TABLE с параметрами left, right Например: *Если вы хотите, чтобы ваши таблицы читались Нетскейпом- закрывайте все ячейки и все строки (</td> и </th>)! |
Перейти к разделу "Учебники по HTML"