Для вебмастера » Уроки, обучение → Таблицы в HTML. Тег TABLE

Добавил madjesty | 6-02-2011, 18:01 | Мнений: 0 | Заглянули 1831

Таблицы в HTML. Тег TABLE:

Одним из самых важных элементов в HTML, несомненно являются таблица. С помощью них очень просто располагать текст и картинки в нужных нам местах.

Вот пример простой таблицы:

Вот как будет выглядеть этот код на экране:

1	2	3
4	5	6

Теперь подробнее остановимся на каждом теге:

Этот тег говорит что ниже начинается таблица. Параметр WIDTH="350" говорит о ширине таблицы в пикселях или в процентах от экрана ( у нас она 350 пикселей), а BORDER="1"- толщина границы таблицы ( у нас 1 ).

Ниже следующий тег <TR> обозначает о первой строке таблицы.

Тег <TD> служит для образования ячеек в троке. Так у нас код делает 3 ячейки ( 1, 2, 3 ).

<TD>1</TD> - ячейка 1
<TD>2</TD> - ячейка 2
<TD>3</TD> - ячейка 3

Далее идет тег </TR> он говорит об окончании первой строки. За ним тег <TR>, он создает вторую строку, в которой также созданы 3 ячейки ( 4, 5, 6 ) с помощью тегов <TD>.

<TD>4</TD> - ячейка 4
<TD>5</TD> - ячейка 5
<TD>6</TD> - ячейка 6

Далее идет закрывающий тег </TR>, который оканчивает вторую строку, и наконец тег </TABLE>, говорящий об окончании таблицы.

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Похожие новости:

Цвет границы таблицы

Выравнивание таблицы, ее строк и ячеек, внутри документа

Выравнивание таблицы и ее частей по вертикале

Рисунок в роле фона таблицы и ее ячеек

Цвет фона в таблице, ее строк и ячеек