Урок #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 - это все лишь разметка. Для всех тегов существуют стандартные стили которые по-умолчанию настроены в браузере. За стилизацию элементом всегда отвечает язык CSS который и будет определять то блочный элемент или строчный, а также множество других стилей.

#HTML #CSS #web #ityoutubersru #VladimirShaitan #JavaScript

[VladimirShaitan]

Ребята, у меня есть telegram канал в котором я несколько раз в день публикую контент по web-разработке. Подпишись что регулярно улучшать свои навыки )

[tmas]

Спасибо! Владимир здравствуйте. Подскажите пожалуйста. В каком порядке лучше изучать HTML CSS JS?