[Продвинутая верстка] Урок 3. Таблицы в HTML. Верстка сайта таблицами.
Сегодня мы разберемся как создавать таблицы, делать для них заголовки и создавать структуру. Узнаем как сделать семантически грамотно организованный заголовок, как располагать текст в ячейках и познакомимся с семантическими тегами.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
💬 Присоединяйся к нашему чату веб-разработчиков:
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS:
2️⃣ Уроки по продвинутой вёрстке:
💙 Мы в VK:
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео.
00:10 Для чего раньше использовали таблицы
00:32 Теги table, td, tr, th
01:15 Тег capture
01:35 Как задать рамки для таблицы
01:50 Свойсво border-collapse
02:11 Свойство caption-side
02:37 Свойства text-align, vertical-align
03:03 Атрибуты colspan, rowspan
04:05 Семантика в таблице
04:50 Что будет дальше
10 views
679
226
4 months ago 00:14:44 5
Разработка сайта: Почему это может быть не для вас | Процесс разработки в GodKod
5 months ago 00:00:54 1
CSS Анимируем плейсхолдер — placeholder-shown
5 months ago 00:01:00 1
Слайдер на чистом CSS? Хватит и двух строчек! Свойства scroll-snap
6 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
7 months ago 11:10:20 2
Верстка сайта #html #css #js
7 months ago 00:39:12 1
Это должны видеть ВСЕ! Страшные кадры: армия РФ ровняет Донбасс с землей. Репортаж из Торецка / НАКИ
8 months ago 00:05:18 1
Эмоция в брендинге и маркетинге. Всё в этом мире связано...
8 months ago 01:10:08 1
Что такое Frontend разработка | Открытое занятие IT-Парка
8 months ago 00:33:12 1
Верстка сайта по методологии БЭМ
8 months ago 04:12:13 1
Бесплатный курс по созданию сайтов в Webflow с нуля!
8 months ago 00:01:00 1
CSS • Якорные ссылки и приятное поведение скролла • scroll-behavior и scroll-padding
8 months ago 00:00:37 1
Лайфхак в вёрстке — легко находим выпирающие блоки при адаптиве страницы
9 months ago 01:14:46 1
Верстка сайта с нуля до завершения html/css/js
9 months ago 03:01:57 1
Верстка сайта - HTML, CSS, JS. Адаптив
9 months ago 00:26:50 1
Как сделать профессиональный макет визитки? Как сделать визитку для типографии?
9 months ago 00:00:56 1
CSS Фикс залипания hover на тач-устройствах
9 months ago 00:16:06 1
CSS позиционирование — свойства position, top, right, bottom, left и z-index. Контекст наложения.
9 months ago 00:00:58 1
CSS Умная обрезка текста — по ширине и строкам, text-overflow и line-clamp
10 months ago 01:07:20 1
🔥CSS GRID СЕТКА 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков
10 months ago 00:59:36 1
Эвакуация в Киеве из-за угрозы из Беларуси. РФ продвигается на фронте. Дело Бишимбаева | ВЕЧЕР
10 months ago 00:11:48 1
Как прокачаться от джуна до мидла: 5 шагов | dev
10 months ago 00:16:52 1
Сравнение новых псевдоклассов CSS — :is() :where() :has()
10 months ago 00:10:02 1
10 ПРАВИЛ 🔥 типографики и верстки в дизайне презентаций | Как сделать презентацию в PowerPoint
10 months ago 00:09:38 1
Будущее CSS-анимаций — scroll-timeline, animation-timeline и animation-range, JS больше не нужен!