Menu
Coddy logo textTech

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

Часть раздела Fundamentals путешествия по 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>

Все уроки раздела Fundamentals