В современной верстке выделяется 2 типа элементов:
• Блочные (block level) - в основном, отвечают за каркас страницы.
• Строчные (inline level) - в основном, помогающие нам при стилизации страницы и тд.
Строчные элементы
Они не занимают всю ширину родителя в которого вложены, из-за чего соседствующие с ними элементы не переносятся на новую строку. Они высчитывают свою ширину в зависимости от ширины контента который в них вложен.
В примере выше были добавлены несколько ссылок на внутри тега <p>, а также ссылки внутри списков. Как видите текст не переносится на новую строку, а остается на своем месте. Так работаю строчные элементы.
Основные строчные элементы
В качестве примера приведены только несколько строчных элементов, на самом деле и гораздо больше.
Теги для стилизации текста
Мы можем вкладывать строчные элементы в блочные и в другие строчные элементы
Вкладывай блочные элементы в строчные не рекомендуется, так как это нарушает семантику и усложняет чтение кода.
ВАЖНО!
Сами по себе элементы не являются ни блочными ни строчными, а также не имеют никаких стилей сами по себе. HTML - это все лишь разметка. Для всех тегов существуют стандартные стили которые по-умолчанию настроены в браузере. За стилизацию элементом всегда отвечает язык CSS который и будет определять то блочный элемент или строчный, а также множество других стилей.
P.S. Больше уроков у меня на канале
Я вижу ты программист, можешь установить третьих героев на Windows 10?
ахаха, ну я могу попробовать )
Я пошутил. Но ты хорошо кодишь, хотя я вообще не разбираюсь в программировании.
Спасибо на добром слове 🤣
Не знаю, что это здесь делает но лайк поставлю.
Спасиб 😊