Menu
CoddyTech

Итоги: Таблицы

Часть раздела Основы путешествия по HTML на Coddy. Урок 51 из 60.

challenge icon

Задание

Легко

Создай HTML-документ, который включает таблицу со всеми элементами, которые мы изучили до сих пор:

  1. Тег <table> для создания таблицы с атрибутом border, установленным в значение "1", для наглядности.
  2. Тег <caption> с текстом "Employee Information" для описания таблицы.
  3. Строка таблицы (<tr>) для заголовка с тремя ячейками заголовка (<th>). Первая ячейка заголовка должна охватывать два столбца и содержать текст "Employee Details", вторая — текст "Department", а третья — текст "Salary".
  4. Строка таблицы (<tr>) с ячейкой данных (<td>), которая охватывает две строки и два столбца и содержит текст "John Doe", ячейкой данных (<td>) с текстом "Sales" и ячейкой данных (<td>) с текстом "$50,000".
  5. Ещё одна строка таблицы (<tr>) с ячейкой данных (<td>) с текстом "Marketing" и ячейкой данных (<td>) с текстом "$60,000".
  6. Последняя строка таблицы (<tr>) с ячейкой данных (<td>), которая охватывает два столбца и содержит текст "Jane Smith", ячейкой данных (<td>) с текстом "IT" и ячейкой данных (<td>) с текстом "$70,000".

Попробуйте сами

<!DOCTYPE html>
<html>
    <body>
        <!-- Напишите код здесь -->
    </body>
</html>

Все уроки раздела Основы

Потренируйтесь самостоятельно: Песочница Web