1. Главная страница » Уроки HTML » создаем таблицы

создаем таблицы

Автор: | 26.03.2013

Дальше мы научимся создавать таблицы.

Таблица задается тэгом: <table> </table> ещё она состоит из строк и столбцов, поэтому нам надо указать и их.

<tr> </tr> — строчка таблицы
<td> </td> — столбец (ячейка) таблицы

И так давайте создадим таблицу из двух строк и в каждой строке создадим по три ячейки, строки отметим буквами «а» и «б» а ячейки пронумеруем. Приступим:

<table>
<tr> </tr>
<tr> </tr>
</table>

Сначала мы задали две строки. Теперь в каждой строке зададим по три столбца (ячейки):

<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Итак, теперь нам надо заполнить получившийся каркас:

<table>
<tr>
<td> а-1 </td>
<td> а-2 </td>
<td> а-3 </td>
</tr>
<tr>
<td> б-1 </td>
<td> б-2 </td>
<td> б-3 </td>
</tr>
</table>

При просмотре в браузере:

а-1 а-2 а-3
б-1 б-2 б-3

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code