Привет, в этом уроке мы разберемся что такое блочные элементы и как они работают, а также рассмотрим списочные теги и заголовки. Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра.
Материалы урока -
Базовая структура HTML -
Блочные элементы -
Файлы с урока -
Таймкоды:
00:00 Начало
00:05 Блочные элементы
01:07 Тег div
02:30 Списочные теги
03:25 Теги заголовков
04:05 Пример вложенности
Мои соц. сети:
Telegram -
LinkedIn -
Twitter -
Facebook -
Instagram -
----------- ТРАНИСКРИПТ УРОКА -------------
В современной верстке выделяется 2 типа элементов:
• Блочные (block level) - в основном, отвечают за каркас страницы.
• Строчные (inline level) - в основном, помогающие нам при стилизации страницы и тд.
Они занимают всю доступную ширину родителя в которого вложены, из-за чего выталкивают
соседствующие элементы не могут располагаться с ними на одной строке и переносятся под них.
div
Основные блочные элементы: div, p
Списочные теги: ul, ol, dl
Теги заголовков: h1, h2, h3, h4, h5, h6
Вкладывая одни блочные элементы в другие мы получаем возможность создавать более сложную верстку. На самом деле, вложенность может достигать любого уровня, но не стоит сильно увлекаться так как чем больше будет вложенность тем сложнее будет браузеру и компьютеру это все обрабатывать.
Как делать нельзя?
- Нельзя вкладывать теги p друг в друга
- Нельзя вкладывать заголовки друг в друга
ВАЖНО!
Сами по себе элементы не являются ни блочными ни строчными, а также не имеют никаких стилей сами по себе. HTML - это все лишь разметка. Для всех тегов существуют стандартные стили которые по-умолчанию настроены в браузере. За стилизацию элементом всегда отвечает язык CSS который и будет определять то блочный элемент или строчный, а также множество других стилей.
#HTML #CSS #web #ityoutubersru #VladimirShaitan #JavaScript
4 views
5595
1991
3 weeks ago 00:06:26 1
Антихрист. 2 Урок. 2 Фес 2
3 weeks ago 00:15:55 1
Правила классической мафии (2021)
1 month ago 00:04:06 1
Подтянуть обвисшую кожу с внутренней стороны рук, фитнес для женщин, упражнение для рук дома качать
1 month ago 00:25:47 1
Удав Давид. Вяжем хвост.
1 month ago 00:32:58 1
Алексей Султанов. “Зачем вы так поступили со мной?“ Конкурсы и инсульты.
1 month ago 00:10:20 1
Кодинг стал ИЗИ после этого открытия! Вот как я это сделал!
2 months ago 00:31:06 1
Сумка из шнура Большая простая сумка своими руками Вязание крючком Пошаговое видео для начинающих
2 months ago 00:16:13 1
Как наносить макияж для начинающих ШАГ ЗА ШАГОМ
2 months ago 00:17:46 2
Третье занятие. Программа поощрения партнеров.
2 months ago 00:18:34 1
Монтаж динамичного / анимационного Reels на телефоне с нуля до профи!
2 months ago 00:21:33 1
Ключевая ставка не работает? В чем ошибся ЦБ? Индекс Мосбиржи ниже 2600. ОФЗ на минимуме. Новости
2 months ago 00:03:59 1
НЕ ВОЮЙТЕ С РУССКИМИ ♥ НЕ БУДИТЕ ЛИХО ЗРЯ ♥ ВОЕННЫЕ ПЕСНИ ДЛЯ ДУШИ ♥ RUSSIAN MUSIC HITS WLV
2 months ago 00:28:07 6
Женское счастье. Имрам о том, что лежит в основе женской гармонии
2 months ago 01:12:04 1
Отмена крепостного права в России: причины и последствия / Уроки истории / @MINAEVLIVE
2 months ago 01:18:05 1
КРУГЛАЯ КОКЕТКА из кашемира на любой размер. Подробный МК
2 months ago 00:33:22 1
ТРЕНИРОВКА ДЛЯ ПЛОСКОГО ЖИВОТА И УЛУЧШЕНИЯ ОСАНКИ | УБИРАЕМ ДОМИК И АКТИВИРУЕМ “КОР“
2 months ago 00:51:53 1
Иконы и Статуи: Разоблачение идолопоклонства в христианских церквях
2 months ago 00:49:54 3
Красивая снизу до верху если делаешь эти упражнения для пресса Как убрать живот получая удовольствие