Урок #3 - Блочные элементы в HTML

Привет, в этом уроке мы разберемся что такое блочные элементы и как они работают, а также рассмотрим списочные теги и заголовки. Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра. Таймкоды: 00:00 Начало 00:05 Блочные элементы 01:07 Тег div 02:30 Списочные теги 03:25 Теги заголовков 04:05 Пример вложенности Мои соц. сети: ----------- ТРАНИСКРИПТ УРОКА ------------- В современной верстке выделяется 2 типа элементов: • Блочные (block level) - в основном, отвечают за каркас страницы. • Строчные (inline level) - в основном, помогающие нам при стилизации страницы и тд. Они занимают всю доступную ширину родителя в которого вложены, из-за чего выталкивают соседствующие элементы не могут располагаться с ними на одной строке и переносятся под них. div Основные блочные элементы: div, p Списочные теги: ul, ol, dl Теги заголовков: h1, h2, h3, h4, h5, h6 Вкладывая одни блочные элементы в другие мы получаем возможность создавать более сложную верстку. На самом деле, вложенность может достигать любого уровня, но не стоит сильно увлекаться так как чем больше будет вложенность тем сложнее будет браузеру и компьютеру это все обрабатывать. Как делать нельзя? - Нельзя вкладывать теги p друг в друга - Нельзя вкладывать заголовки друг в друга ВАЖНО! Сами по себе элементы не являются ни блочными ни строчными, а также не имеют никаких стилей сами по себе. HTML - это все лишь разметка. Для всех тегов существуют стандартные стили...