web-программирование

Web-программирование

HTML Таблицы

​Цель урока

​Общее знакомство с таблицами HTML.

Задача урока

написать свою первую таблицу HTML

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

Таблица

​Таблица HTML определяется тегом <table>

​

Каждая строка таблицы определяется тегом <tr>.

Заголовок таблицы определяется с помощью тега <th>.

По умолчанию заголовки таблиц являются полужирными и центрированными.

​

Табличные данные/ячейки определяются с помощью <td> тега.

​Создадим свою таблицу HTML[1 шаг]

1) добавим контейнер table для элементов​

​Создадим свою таблицу HTML[2 шаг]

1) добавим строку(<tr>) и 2 ячейки заголовка(</th>)

​Результат

​Создадим свою таблицу HTML[3 шаг]

1) добавим строку(<tr>) и 2 ячейки заголовка(</th>)

​Результат

​Создадим свою таблицу HTML[3 шаг]

1) добавим для наглядности Атрибут border рассмотренный на прошлом уроке

​Результат

Поздравляю​

​У вас получилось создать вашу первую HTML таблицу.

Multiple Choice

th это тег ?

• ячейки заголовка

• ячейка данных

• тег строки

• контейнер таблицы

• p

Open Ended

Насколько был понятен данный материал ?