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

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

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

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

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

<TABLE WIDTH="350" BORDER="1">
   <TR>
      <TD>1</TD>
      <TD>2</TD>       
      <TD>3</TD>
   </TR>
    <TR>
      <TD>4</TD>
      <TD>5</TD>       
      <TD>6</TD>
   </TR>
</TABLE>

Вот как будет выглядеть этот код на экране:
 
1 2 3
4 5 6

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

<TABLE WIDTH="350" BORDER="1">

Этот тег говорит что ниже начинается таблица. Параметр 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>, говорящий об окончании таблицы.


| Ссылка на почтовый адрес | Содержание | Растояние и отступ между и внутри ячеек |

Баннер Profit-Partner.ru

Опрос
Вопрос: Ваш возраст ?
< 15
15 - 17
18 - 25
26 - 33
34 - 45
> 45
 
 
 


Яндекс цитирования
Rambler's Top100

  Copyright © 2005-2006 WCode.Ru Group