Наше прошлое 20072009201120132014
г. Москва, ул. Гостиничная, д. 7А. кор.2
8 (499) 404-26-56
пн-пт 11:00 - 19:00
 

Работа с таблицами при создании сайта

Всем привет, сегодня выкладываю еще одну статью, на этот раз будем создавать таблицы на нашей страничке 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 это совсем не трудно не так ли?))

Всем привет, сегодня выкладываю еще одну статью, на этот раз будем создавать таблицы на нашей страничке html. Таблицы – это очень удобно при расположении контента на странице. К примеру, вам надо сделать, чтобы контент был разбит на две колонки или на несколько рядов. Для этого мы и будем использовать таблицы.

Комментарии

Нет комментариев

Заполните все поля

Написать комментарий

Ваше имя

Комментарий