Логотип
  • Страница 1 из 1
  • 1
Архив - только для чтения
Таблицы в HTML, или тег TABLE
JulikeДата: Среда, 25 Августа 2010, 19:58 | Сообщение # 1
Титул: TrueMetalHead
Группа: Администраторы форума
Сообщений: 148 постов
Репутация: 7 баллов
Статус: Offline
Одним из самых важных элементов в HTML, несомненно являются таблица. С помощью них очень просто располагать текст и картинки в нужных нам местах.

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

Code

<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>

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

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

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

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

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

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

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

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

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


Блог об HTML, CSS и PHP — Julike.ru
 
  • Страница 1 из 1
  • 1
Поиск: