HTML 3, Таблицы

В этом уроке рассмотрим таблицы в HTML, таблицей можно представить как табличную информацию, либо сверстать весь сайт.

Давайте рассмотрим нашу любимую Таблицу на примере:

<table width="200" cellpadding="0" cellspacing="0" border="1">
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
    <td>4</td>
  </tr>
</table>

Вставляем в блокнот, сохраняем страницу с расширением “.html“ (кто не помнит, смотрим сюда), далее открываем в браузере наш файл и смотрим что у нас получилось )

Таблица с 4 ячейками

Вот наша первая таблица. Теперь ее рассмотрим по подробнее.

Сама таблица открывается тегом “<table>” и закрывается “</table>“, внутри нее находятся теги ячейки “<td>“, эти ячейки располагаются в тегах образующие строки “<tr>“.

То есть, все ячейки находящийся в теге “<tr>” образуют одну горизонтальную строчку

<tr>
   <td>1</td>
   <td>2</td>
</tr>

далее идет еще тег “<tr>” образующий вторую строку:

<tr>
   <td>3</td>
   <td>4</td>
</tr>