Добавление заголовков
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 49 из 60.
В HTML-таблицах caption — это заголовок или пояснение к таблице. Он содержит краткое описание содержимого таблицы, что облегчает пользователям понимание её назначения. Заголовки создаются с помощью тега <caption>, который должен быть размещен сразу после тега <table>.
Вот базовый синтаксис для добавления заголовка к таблице в HTML:
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
Задание
ЛегкоСоздайте HTML-документ, который включает таблицу с заголовком. Таблица должна иметь следующую структуру:
- Тег
<table>для определения таблицы. - Тег
<caption>с текстом "Product Inventory" для описания таблицы. - Строка таблицы (
<tr>) для заголовка с двумя ячейками заголовка (<th>). Ячейки заголовка должны содержать текст "Product Name" и "Quantity". - Строка таблицы (
<tr>) с двумя ячейками данных (<td>). Ячейки должны содержать текст "Laptop" и "5". - Еще одна строка таблицы (
<tr>) с двумя ячейками данных (<td>). Ячейки должны содержать текст "Mouse" и "10".
Шпаргалка
Тег <caption> предоставляет заголовок или пояснение для HTML-таблицы. Он должен быть размещен сразу после тега <table>.
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2