.","type":"unstyled","key":"cm135"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег <body> - предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.","type":"unstyled","key":"9ctdm"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":21,"offset":69}],"inlineStyleRanges":[],"text":"По вопросам сотрудничества, поддержки, предложений пишите на почту - kostylew212@gmail.com","type":"unstyled","key":"2bd66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"C42SXzh2kdkKL0XejTwR"}],"entityMap":{"0":{"data":{"href":"https://dzen.ru/a/Y-jorXJw-zltMM32?share_to=link","badSeoLink":"true","url":"https://dzen.ru/a/Y-jorXJw-zltMM32?share_to=link"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"http://kostylew212@gmail.com/","url":"http://kostylew212@gmail.com/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}</article></body></html>

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":6,"offset":10}],"inlineStyleRanges":[],"text":"В прошлой статье я рассказывал, как сделать первую страничку.","type":"unstyled","key":"2cchk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь, давайте создадим структуру для нашего html - документа и попытаемся разобрать, что в ней находится и за что отвечает.","type":"unstyled","key":"1vtur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изначально в Visual Studio Code установлен набор плагинов для текстовых редакторов под названием Emmet. Он преобразует простые аббревиатуры в полноценные блоки кода, тем самым, ускоряя написание кода, и делает нашу работу проще.","type":"unstyled","key":"1pfs7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот наглядный пример:","type":"unstyled","key":"bu65p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Удалим строчку Hello World в созданном ранее файле index .html","type":"unstyled","key":"fkk9e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее поставим восклицательный знак(!) и нажмем клавишу Enter.","type":"unstyled","key":"cr3b1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перед нами появится базовая структура html-документа.","type":"unstyled","key":"375pi"},{"data":{"image":{"id":"63edefad33985037571c17f3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"nvia"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Абсолютно любой HTML - документ начинается с декларации типа документа (доктайп), это нужно чтобы браузер мог определить версию HTML и правильно отобразить страницу. Что мы и видим на первой строке структуры доктайп (или тип документа) является HTML.","type":"unstyled","key":"5pblq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее простейшая HTML - страница состоит как минимум из трёх тегов.","type":"unstyled","key":"9cahm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это:","type":"unstyled","key":"duank"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"80qfr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"60sva"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7ggfl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML - тег – это специальный код, элемент или команда, позволяющая определить структуру и внешний вид документа при его отображении браузером.","type":"unstyled","key":"dmlt1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги записываются в угловых скобках <имя тега> и бывают следующими:","type":"unstyled","key":"4hnal"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· Парные — имеют открывающий и закрывающий тег, перед именем закрывающего тега ставят знак слеш (косая черта /). Пример:

— заголовок,","type":"unstyled","key":"c5vqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· Одиночные — не имеют закрывающего тега. Пример: — изображение,","type":"unstyled","key":"8k702"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· Блочные — в начале и конце автоматически ставится перенос строки, также они занимают всю ширину родительского элемента. Пример:

— заголовок первого уровня,","type":"unstyled","key":"9qd91"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· Строчные — не переносится строка. Например: — наклонный шрифт,","type":"unstyled","key":"8ftiv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Новые HTML5 — это новые теги, в спецификации языка HTML5.","type":"unstyled","key":"7drfe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Верхнего уровня теги отвечают за создание HTML-документа:","type":"unstyled","key":"8k784"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· — начало и конец;","type":"unstyled","key":"5pe5p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· — голова;","type":"unstyled","key":"bj2t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"· — тело HTML - документа.","type":"unstyled","key":"3fvji"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег - является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги и . Как правило прописывается с атрибутом lang и указывает на язык.","type":"unstyled","key":"2djii"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В теге обычно находятся теги отвечающие за описание страницы, за подключение внешних файлов и другие, они не видны пользователю. Единственный head тег, который видит пользователь, это тег .","type":"unstyled","key":"cm135"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег <body> - предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.","type":"unstyled","key":"9ctdm"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":21,"offset":69}],"inlineStyleRanges":[],"text":"По вопросам сотрудничества, поддержки, предложений пишите на почту - kostylew212@gmail.com","type":"unstyled","key":"2bd66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"C42SXzh2kdkKL0XejTwR"}],"entityMap":{"0":{"data":{"href":"https://dzen.ru/a/Y-jorXJw-zltMM32?share_to=link","badSeoLink":"true","url":"https://dzen.ru/a/Y-jorXJw-zltMM32?share_to=link"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"http://kostylew212@gmail.com/","url":"http://kostylew212@gmail.com/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}</article></body></html>