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

Привет, в этом уроке мы разберемся что такое строчные элементы и как они работают, а также рассмотрим некоторые строчные теги для стилизации текста. Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра. Строчные элементы в HTML - https://dtf.ru/u/508577-vladimir-shai... Файлы с урока - https://github.com/junjun-it-courses/... Документация на строчные элементы - https://developer.mozilla.org/ru/docs... Таймкоды: 00:06 Строчные теги 02:10 Основные строчные теги 03:21 Как можно делать, а как нельзя ? Мои соц. сети: Telegram - https://t.me/VS_FRONTEND LinkedIn - https://www.linkedin.com/in/vladimir-... Twitter - https://twitter.com/VovaShaitan Facebook - https://www.facebook.com/vladimir.sha... Instagram - https://www.instagram.com/vlad.sha/ ----------- ТРАНИСКРИПТ УРОКА ------------- В современной верстке выделяется 2 типа элементов: • Блочные (block level) - в основном, отвечают за каркас страницы. • Строчные (inline level) - в основном, помогающие нам при стилизации страницы и тд. Строчные элементы Они не занимают всю ширину родителя в которого вложены, из-за чего соседствующие с ними элементы не переносятся на новую строку. Они высчитывают свою ширину в зависимости от ширины контента который в них вложен. Основные списочные элементы: span, a, i, b, strong, em Мы можем вкладывать строчные элементы в блочные и в другие строчные элементы, но вкладывать блочные элементы в строчные не рекомендуется, так как это нарушает семантику и усложняет чтение кода. ВАЖНО! Сами по себе элементы не являются ни блочными ни строчными, а также не имеют никаких стилей сами по себе. HTML - это все лишь разметка. Для всех тегов существуют стандартные стили которые по-умолчанию настроены в браузере. За стилизацию элементом всегда отвечает язык CSS который и будет определять то блочный элемент или строчный, а также множество других стилей. #HTML #CSS #web #JavaScript #верстка #ityoutubersru #VladimirShaitan #webdevelopment