Знакомство с таблицами / Добавляем строки [2/23]
×

Добавляем строки [2/23]

Простейшая таблица описывается с помощью трёх тегов:

  1. <table> обозначает таблицу.

  2. <tr> расшифровывается как «table row», обозначает строку таблицы.

  3. <td> расшифровывается как «table data», обозначает ячейку внутри строки таблицы.

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

В простейшей таблице в каждой строке должно быть одинаковое количество ячеек, то есть внутри всех <tr> должно быть одинаковое количество <td>.

Потренируйтесь добавлять строки в таблицу.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Добавляем строки</title> </head> <body> <h1>Распределение браузеров</h1> <table border="1"> <tr> <td>Браузер</td> <td>Посещения</td> </tr> <tr> <td>Mozilla Firefox</td> <td>163</td> </tr> <tr> <td>Google Chrome</td> <td>78</td> </tr> <tr> <td>Safari</td> <td>35</td> </tr> </table> </body> </html>
CSS
HTML Academy
  1. Добавьте в таблицу пятую строку со статистикой для браузера Opera,
  2. шестую строку со статистикой для браузера Internet Explorer.

Количество посещений можете указать любое.

Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.