Итоги: Таблицы
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 51 из 60.
Задание
ЛегкоСоздайте HTML-документ, который включает таблицу со всеми элементами, которые мы изучили на данный момент:
- Тег
<table>для определения таблицы с атрибутомborder, установленным в "1" для видимости. - Тег
<caption>с текстом "Employee Information" для описания таблицы. - Строка таблицы (
<tr>) для заголовка с тремя ячейками заголовка (<th>). Первый заголовок должен охватывать два столбца и содержать текст "Employee Details", второй — "Department", а третий — "Salary". - Строка таблицы (
<tr>) с ячейкой данных (<td>), которая охватывает две строки и два столбца и содержит текст "John Doe", ячейкой данных (<td>) с текстом "Sales" и ячейкой данных (<td>) с текстом "$50,000". - Еще одна строка таблицы (
<tr>) с ячейкой данных (<td>) с текстом "Marketing" и ячейкой данных (<td>) с текстом "$60,000". - Последняя строка таблицы (
<tr>) с ячейкой данных (<td>), которая охватывает два столбца и содержит текст "Jane Smith", ячейкой данных (<td>) с текстом "IT" и ячейкой данных (<td>) с текстом "$70,000".
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция Header9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2