Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 33 из 70 · 10 мин
table, tr, th, td и caption: данные в строках и столбцах.
Каждая футболка бывает размера S, M и L. Три цены на каждую! Как показать?
Строки — товары, столбцы — размеры. Это таблица данных.
<table><table border="1">
<tr><td>Ручка</td><td>220 ₽</td></tr>
</table><tr><table border="1">
<tr><td>Ручка</td><td>220</td></tr>
<tr><td>Пенал</td><td>290</td></tr>
</table><td>tr.<table border="1">
<tr><td>Пенал</td><td>290 ₽</td><td>M</td></tr>
</table><th><table border="1">
<tr><th>Товар</th><th>S</th><th>M</th></tr>
<tr><td>Ручка</td><td>220</td><td>270</td></tr>
</table><caption>table.<table border="1">
<caption>Цены, ₽</caption>
<tr><th>Ручка</th><td>220</td></tr>
</table>Таблица — для данных. Раскладывать ею страницу на колонки нельзя: для этого есть CSS.
Сделай таблицу цен: подпись caption, строка заголовков th (Товар, Цена) и две строки данных.
caption — пока нетth — пока нетВыберите один ответ.
Каким тегом размечают ячейку-заголовок столбца?
Выберите один ответ.
В каком случае таблица — правильный выбор?
Введите короткий ответ без лишних пробелов.
Каким элементом задают название таблицы? Введите имя тега без скобок.
Проверяем состояние обучения…