Дальше мы научимся создавать таблицы.
Таблица задается тэгом: <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> |
При просмотре в браузере:
|
По умолчанию наша таблица не имеет рамки, фона и размеров все это мы будем задавать самостоятельно, в том числе и выравнивание содержимое ячейки по краям ячейки.