, <body> называются тегами. Они бывают Одинарные (Это когда пишется только один тег, например <img>) и Двойные (это можно видеть на фотографии выше, например <title>

{"draftJsState":{"blocks":[{"data":{"image":{"id":"5ef5c6d099d22e15460a3c64"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Просто красивая картинка","type":"atomic:image","key":"e0hes"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всем привет, в этой статье я расскажу про язык разметки документа HTML. Статья рассчитана исключительно для новичков, поэтому если у вас есть хоть немного знаний в программировании вам это будет вряд-ли интересно. Ну а если ты только-только начинаешь изучать волшебный мир кода, то приятного прочтения!","type":"blockquote","key":"9ibar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"71lsk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"},{"length":15,"offset":0,"style":"ITALIC"}],"text":"Что такое HTML?","type":"header-two","key":"c456u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":179,"style":"BOLD"}],"text":"Начнем с того, что HTML это не язык программирования — с помощью HTML нельзя создать программу, но зато можно превратить несколько картинок и текст в документ, имеющий расширение .html","type":"unstyled","key":"2tk63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Грубо говоря, HTML размечает на странице нужный нам контент в определенном порядке, создавая документ, который читается браузером.","type":"unstyled","key":"60sj9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"},{"length":22,"offset":0,"style":"ITALIC"}],"text":"Кто такой верстальщик?","type":"header-two","key":"dmqhc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Верстальщик — это человек, который занимается созданием внешнего вида для сайта, используя HTML и css, в некоторых случаях Javascript. На данный момент эпоха чистых верстальщиков уходит, поэтому сейчас знать только HTML и css мало. ","type":"unstyled","key":"95s20"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"ITALIC"}],"text":"Структура документа HTML","type":"header-two","key":"5ieg1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Любой HTML документ имеет стандартную структуру.","type":"blockquote","key":"cmn2i"},{"data":{"image":{"id":"5ef5cb80b658500f2e3498dd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Редактор кода Sublime text","type":"atomic:image","key":"emgs6"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":15,"offset":0}],"inlineStyleRanges":[],"text":"","type":"header-three","key":"3dg1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как мы можем заметить, первой идет строчка Что же она означает? Она обозначает тип текущего документа. Проще говоря, эта строчка нужна для правильной интерпретации веб-страницы браузером. ","type":"unstyled","key":"dce66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Есть несколько видов , но я не вижу смысла разбирать все, поскольку достаточно знать, что в документе первая строчка должна быть .","type":"unstyled","key":"8ofjj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кстати, , , , <body> называются тегами. Они бывают Одинарные (Это когда пишется только один тег, например <img>) и Двойные (это можно видеть на фотографии выше, например <title>)","type":"unstyled","key":"etd26"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег с слэшем, (например ) Также называется закрывающим тегом.","type":"unstyled","key":"c8a0s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9ip54"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":10,"offset":0}],"inlineStyleRanges":[],"text":"Тэг ","type":"header-three","key":"et0ft"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Имеет все данные документа. Ставится в начале (после ) и конце (после него обычно ничего нету).","type":"unstyled","key":"esg4l"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":10,"offset":0}],"inlineStyleRanges":[],"text":"Тэг ","type":"header-three","key":"54rqi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"head в переводе с английского голова. В этом тэге хранится информация о странице, которую читает браузер, для того, чтобы понять что на ней вообще находится. Также тут размещается заголовок веб-страницы, это тэг . Именно этот тэг ответственен за название вкладки, которую мы так привыкли видеть. В тэге <head> подключаются скрипты для страницы, шрифты, стили и тд.","type":"unstyled","key":"8hd7t"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":10,"offset":0}],"inlineStyleRanges":[],"text":"Тэг <body>","type":"header-three","key":"ea7of"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Переводим с английского и получаем слово тело — и верно, в этом тэге хранится тело документа: Картинки, тексты, аудио, видео и тд.","type":"unstyled","key":"4nf8n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"95tri"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Существует огромное количество тэгов, которые имеют разное предназначение.","type":"blockquote","key":"dssuk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Ресурс для изучения","type":"header-two","key":"3pj12"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":3,"offset":75}],"inlineStyleRanges":[{"length":3,"offset":75,"style":"UNDERLINE"}],"text":"В интернете есть полно статей на тему изучения HTML. Я же пользовался этим тык. ","type":"unstyled","key":"ebm54"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В чем писать?","type":"header-two","key":"19qnl"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":18,"offset":304}],"inlineStyleRanges":[{"length":18,"offset":304,"style":"UNDERLINE"}],"text":"Не стоит писать код в обычном блокноте, как это многих заставляли делать в школах и колледжах. Сейчас на просторах интернета есть огромное количество редакторов кода, которые не только будут подсвечивать каждый элемент в коде, но и предлагать варианты для быстрого заполнения. Возьмем в пример программу Visual Studio Code.","type":"unstyled","key":"1lsvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это бесплатная программа от компании Microsoft. Конечно, ее многие ругают, но факт того, что она бесплатная сразу все меняет. У нее очень большой функционал, по ее использованию на ютубе существует куча гайдов.","type":"unstyled","key":"753c8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А нужно ли вообще изучать HTML?","type":"header-two","key":"e1611"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это, пожалуй, слегка глуповатый вопрос. Ведь изучение HTML нужен для понимания самых азов. А как мы знаем, без азов никуда. Представьте, что вы — гениальный ученый, который может в уме высчитать сложные задачи, но при этом не знает как писать. Тут тоже самое.","type":"unstyled","key":"ag5ri"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При должном желании и усердии, изучение HTML не будет сложным. Самое главное в HTML это запомнить теги и для чего они нужны. И не бойтесь, когда увидите огромное количество тегов — большая часть из них вам по просту будет не нужна.","type":"unstyled","key":"6qpeu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":134,"offset":0,"style":"ITALIC"}],"text":"На этом моя сегодняшняя статья заканчивается. Я рассказал немного, но впереди еще много интересного! Желаю тебе удачи в изучении HTML!","type":"header-three","key":"123eg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"25q1v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e1e9f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"dh0RD3KjOXvQeQqinA9X"}],"entityMap":{"0":{"data":{"url":"http://htmlbook.ru/html/%21doctype"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"http://htmlbook.ru/html/html"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"http://htmlbook.ru/html/head"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"http://htmlbook.ru/html/body"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"http://htmlbook.ru/"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://code.visualstudio.com/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}</article></body></html>