Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Таблицы.

Ступенька 17 - "Создаём таблицы".

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

Таблица задается тэгом <table></table>

Она состоит из строк и столбцов (ячеек), которые задаются тэгами:.
<tr></tr> - строчка таблицы
<td></td> - столбец (ячейка) таблицы

Допустим, нам необходимо сделать таблицу из двух строк и трех столбцов, и заполнить её цифрами, чтобы первая цифра соответствовала номеру ряда, а вторая - номеру столбца.

Cделаем это поэтапно, чтобы было нагляднее. Сначала зададим две строки таблицы:

    <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>1x1</td>
    <td>1x2</td>
    <td>1x3</td>
    </tr>
    <tr>
    <td>2x1</td>
    <td>2x2</td>
    <td>2x3</td>
    </tr>
    </table>
Вот что унас получилось:
1x1 1x2 1x3
2x1 2x2 2x3

[ Назад: Ступенька 16-ая ] [ Далее: Ступенька 18-ая ]