КАРТА САЙТА

HTML

CSS

PHP

ССЫЛКИ

построение таблиц

Построение таблицы выполняется по несложным правилам. А именно, для построения таблицы в нужном месте вставляем тэг < table > , далее в рамках этого тэга указываем ширину таблицы (width), высоту таблицы (height), и её расположение (align). Также необходимо указать толщину линий сетки таблицы (border - задаёт толщину рамки вокруг таблицы; cellspacing - определяет толщину линий внутри таблицы). Например,

< table width="500" height="15" align="center" border="5" cellspacing="2" bordercolor="#008000"> это контейнер
  < /table >

В контейнер, который образовался, вписываем содержимое таблицы, собственно, строки и столбцы. Тэги < tr > и < /tr > определяют контейнер строки, а тэги < td > и < /td > , соответственно контейнер столбца.

< table width="500" height="15" align="center" border="5" cellspacing="2" bordercolor="#008000">
< tr > 

< td > Модель двигателя < /td > 
< td > 6ТД2 < /td > 

< /tr > < /table >

вот что у нас получилось
Модель двигателя 6ТД2

Таким образом, мы получили таблицу, в рамках которой в одну строку расположено два столбца, в первом из них - характеристика, во втором - её значение.

Можно описать большее количество строк.

< table width="700" height="200" align="center" border="5" cellspacing="2" bordercolor="#008000" > 


< tr > 

< td > Модель двигателя < /td > 
< td > 6ТД2 < /td > 

< /tr > 

< tr > 

< td > Тип двигателя < /td > 
< td > двухтактный, 6-цилиндровый, с горизонтальным размещением цилиндров
< /td > 

< /tr > 

< tr > 

< td > Выходная мощность < /td > 
< td > 1200 л.с. < /td > 

< /tr > 

< tr > 

< td > Частота вращения коленчатого вала < /td > 
< td > 800-3080 об/мин < /td > 

< /tr > 

< tr > 

< td > Используемое топливо < /td > 
< td > дизельное, авиационный керосин, бензин (или их смесь в любой пропорции)
< /td > 

< /tr > 

 < /table > 

В контейнере table описана таблица, в которой пять строк и два столбца, её размер - ширина=700 пикселей, высота=200, толщина рамки вокруг таблицы=5 пикселей, толщина линий внутри таблицы=2 пикселя и цвет линий - orange.

результат

<Модель двигателя 6ТД2
Тип двигателя двухтактный, 6-цилиндровый, с горизонтальным размещением цилиндров
Выходная мощность 1200 л.с.
Частота вращения коленчатого вала 800-3080 об/мин
Используемое топливо < /td > дизельное, авиационный керосин, бензин (или их смесь в любой пропорции)

Таким образом строится простейшая таблица.
Существует множество вариантов таблиц, в которых может создаваться объединение двух или нескольких строк в одну, или двух или нескольких столбцов в один. Применительно к таблице также можно использовать параметр background для создания фонового рисунка.
Текстом можно наполнять ячейки таблицы как по горизонтали, так и по вертикали.
Тэги < table > , < tr > и < td > имеют параметры и их значения, позволяющие строить различные варианты таблиц. Учебный материал Вы сможете найти в любом учебнике по языку HTML. Принцип построения таблиц часто применяется для построения веб-страницы в целом, когда строится таблица во всю ширину страницы и в столбцах и строках Вы располагаете текстовые фрагменты с включёнными в них графическими изображениями, а значение параметра border задаёте равным нулю, то границ таблицы уже не видно, а вся информация на Вашей веб-странице расположена в том порядке, который предусмотрен построенной Вами таблицей.