На главную

 

Сайт основан 1 марта 2003 года

= Язык разметки гипертекста - HTML =

  • Построение таблиц в HTML-документе
  • Использование width=..., height=... для изменения ширины и высоты таблицы, строк, ячеек
  • Использование align=..., valign=... для для выравнивания текста в ячейках
  • Параметры rowspan=... и colspan=...
  • Таблица в качестве разметки страницы
  • Параметры для оформления таблицы

  • Построение таблиц в HTML-документе

    Таблица – это один из наиболее удобных способов представления информации на Web-странице.

    Таблица обозначается парным тегом: <table> … … … </table>. Парным тегом, определяющим строку таблицы <tr> … … … </tr> и парным тегом, определяющим ячейку таблицы: <td> … … … </td>.

    Информация ячейки 1-1 Информация ячейки 1-2 Информация ячейки 1-3 Информация ячейки 1-4 Информация ячейки 1-5
    Информация ячейки 2-1 Информация ячейки 2-2 Информация ячейки 2-3 Информация ячейки 2-4 Информация ячейки 2-5
    Информация ячейки 3-1 Информация ячейки 3-2 Информация ячейки 3-3 Информация ячейки 3-4 Информация ячейки 3-5



    Вернуться к меню

    Использование width=..., height=... для изменения ширины и высоты таблицы, строк, ячеек

    Информация ячейки 1-1 Информация ячейки 1-2 Информация ячейки 1-3
    Информация ячейки 2-1 Информация ячейки 2-2 Информация ячейки 2-3


    Вернуться к меню

    Использование align=..., valign=... для выравнивания текста в ячейках

    Информация ячейки 1-1 Информация ячейки 1-2 Информация ячейки 1-3
    Информация ячейки 2-1 Информация ячейки 2-2 Информация ячейки 2-3


    Вернуться к меню

    Параметры rowspan=... и colspan=...

    Параметры rowspan=... и colspan=... команды <td> используются для формирования ячеек данных, обьединяющих более одной строки или столбца.

    Параметр colspan=... указывает насколько ячеек по горизонтали, будет растянута данная ячейка.

    Информация ячейки 1-1 Информация ячейки 1-2
    Информация ячейки 2-1 Информация ячейки 2-2 Информация ячейки 2-3



    Параметр rowspan=... указывает насколько ячеек по вертикали, будет растянута данная ячейка.

    Информация ячейки 1-1 Информация ячейки 1-2 Информация ячейки 1-2
    Информация ячейки 2-2 Информация ячейки 2-3


    Вернуться к меню

    Таблица в качестве разметки страницы

       Таблица, которую используют для размещения информации на экране можно делать скрытой, т.е. параметр border=0. В примере специально показаны границы таблицы, что в своей работе делать не обязательно.


    Место для логотипа (картинка) Место для заголовка (картинка)
    Гиперссылки на сайте Основной текст страницы Гиперссылки внешние или картинки
    баннеры (рекламные картинки) или картинки
    Автор, контакты и т.д.


    Вернуться к меню

    Параметры для оформления таблицы

    cellpadding - Определяет минимальный промежуток вокруг содержимого ячейки в таблице.
    bgcolor - Определяет цвет фонового изображения в таблице или в ячейке.
    Есть еще несколько параметров, задающих эффекты обрамления:
    BORDERCOLOR, BORDERCOLORDARK, BORDERCOLORLIGHT, cellspacing

    Информация ячейки 1-1 Информация ячейки 1-2 Информация ячейки 1-3
    Информация ячейки 2-1 Информация ячейки 2-2 Информация ячейки 2-3


    Вернуться к меню