...

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Привет! ","type":"unstyled","key":"9sik7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня разберем основные теги, т.е. часто необходимые для вёрстки. Не скрою, тегов ооооочень много, но среди них есть такие, которые уже не используются или те, которые очень редко применяются.\n\nДумаю, что эта статья станет первой частью разбора всех самых используемых тегов. Потребляя информацию небольшими порциями, мы лучше усваиваем её.","type":"unstyled","key":"e5gun"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начнём с той группы тегов, которая создаёт основную структуру html-документа. \n","type":"unstyled","key":"4sb8l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\nУказывает браузеру на тип документа, в нашем случае это html. Этот тег всегда располагается самым первым, т.е. находится в самом верху файла. Он обязательный и одинарный, т.е. закрывающих угловых скобочек ему не требуется.\n","type":"ordered-list-item","key":"dab29"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" здесь прописываются все остальные теги \nДанный тег оборачивает в себя все остальные теги. Он самый главный. Этот тег обладает атрибутом lang (сокращение от английского language), который позволяет указать браузеру язык, на котором написан текст данной страницы. В данном примере указан русский язык (ru).\n","type":"ordered-list-item","key":"d3htt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ...\nСодержит в себе что-то вроде документации о странице. Как будто паспорт данного сайта. В нём подключаются скрипты и стили. Указывается кодировка и заголовок документа. Всё это можно будет посмотреть на схеме в конце статьи.\n","type":"ordered-list-item","key":"7pv17"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\nТег meta содержит в себе атрибут charset, которому присваивается значение кодировки. В нашем случае это UTF-8. Именно в этой кодировке будет открыт наш сайт и все символы будут отображены корректно.\n","type":"ordered-list-item","key":"6bsej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"...\nВ title прописывается название сайта или страницы. Именно это и будет отображаться на вкладке в браузере, когда пользователь будет взаимодействовать с сайтом.\n","type":"ordered-list-item","key":"47fr9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\nС помощью link можно соединить html и css. В атрибутах указывается вспомогательная для браузера информация. Главным тут является атрибут href, который содержит путь к стилям.\n","type":"ordered-list-item","key":"b788n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\nЭтот тег предоставляет возможность прописать скрипты на JavaScrip прям в html, но это плохая практика, поэтому весь JS выносят в отдельный файл, как и стили. Так просто легче ориентироваться. Но с помощью этого же тега