Всем привет, сегодня выкладываю еще одну статью, на этот раз будем создавать таблицы на нашей страничке html.
Таблицы – это очень удобно при расположении контента на странице. К примеру, вам надо сделать, чтобы контент был разбит на две колонки или на несколько рядов. Для этого мы и будем использовать таблицы.
Итак, для начала нам нужно обозначить, где у нас будет начинаться таблица, а где заканчиваться. Для этого нужно использовать теги
<table>
для открытия и
</table>
для закрытия.
Для указания ряда, мы используем тег
<tr>
, а для столбика
<td>
.
Дальше по следующей иллюстрации вы можете понять, как располагаются ряды и столбики в таблице. Вот такой код
<table border=1> <tr> <td>1 строка 1 столбик</td> <td>1 строка 2 столбик</td> </tr> <tr> <td>2 строка 1 столбик </td> <td>2 строка 2 столбик </td> </tr> </table>
будет генерировать следующую таблицу:
1 строка 1 столбик | 1 строка 2 столбик |
2 строка 1 столбик | 2 строка 2 столбик |
При создании таблицы тегом
<table>
мы указали border=1, это означает что границы таблицы будут в 1 пиксель.
Также мы можете задавать такие параметры: cellspacing и cellpadding.
Cellspacing – это промежутки (отступы) между ячейками таблицы.
Cellpadding – это внутренние отступы между контентом и ячейкой таблицы.
На этой ноте и закончим наш урок. Оказывается таблицы в html это совсем не трудно не так ли?))
Комментарии
Заполните все поля
Написать комментарий