• Название:

    07 HTML таблицы

  • Размер: 0.16 Мб
  • Формат: ODT
  • или
  • Сообщить о нарушении / Abuse

Пример HTML7

07HTML - таблицы

тег <table> - таблица

тег <tr> - строка таблицы

тег <th> - ячейка заголовка

тег <td> - ячейка таблицы

тег <caption> - наименование таблицы

атрибут border тега <table>

атрибут colspan тега <th> или тега <td> - объединить столбцы

атрибут rowspan тега <th> или тега <td> - объединить строки

задание — составить страницу с красивой цветной таблицей, с картинками, со ссылками, со списками, с объединением столбцов и строк.

Таблицы

Тег <table>..</table> - все содержимое таблицы

Тег <caption>..</caption> - заголовок таблицы. Необязательный тег, должен следовать за открывающимся тегом <table>.

Тег <th>..</th> - ячейка заголовками

Тег <tr>..</tr> - строка таблицы

Тег <td>..</td> - ячейка данных

Атрибут border тега <table>..</table> – задает толщину границы таблицы

Атрибут colspan тегов <th>..</th> и <td>..</td> - объединяет заданное число ячеек внутри строки

Атрибут rowspan тегов <th>..</th> и <td>..</td> - объединяет заданное число ячеек внутри столбца

Пример HTML7

Оформить веб-страницу со таблицей следующим образом:

Решение:

- работаем в папке HTML7.

Код html-документа: