{"draftJsState":{"blocks":[{"data":{"image":{"id":"5fdb3cabd529947c7287151d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"brk4n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"},{"length":31,"offset":4,"style":"BOLD"}],"text":"1. ОСНОВНЫЕ ПОНЯТИЯ WEB-ТЕХНОЛОГИЙ","type":"unstyled","key":"eiksg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"WWW или «Всемирная паутина» - это сеть документов, связанных между собой гиперссылками.","type":"unstyled","key":"dfg77"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"},{"length":8,"offset":17,"style":"ITALIC"},{"length":15,"offset":88,"style":"ITALIC"},{"length":19,"offset":104,"style":"ITALIC"}],"text":"Гипертекст – это документ, который наряду с обычной текстовой и графической информацией содержит ссылки на другие документы, причем эти ссылки встроены в текстовые фрагменты или в графические объекты данного документа.","type":"unstyled","key":"54h33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Гиперссылка – это некоторое ключевое слово или объект в документе, с которым связан указатель для перехода на другую страницу в паутине; изображение гиперссылки выделяется цветом и подчеркиванием.","type":"unstyled","key":"20sq7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Web-сайт – это совокупность взаимосвязанных страниц, принадлежащих какому-то человеку или организации;","type":"unstyled","key":"3v8ae"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"- организуется на Web-сервере провайдера сетевых услуг;","type":"unstyled","key":"2i13g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"- имеет главную страницу, являющуюся титульным листом сайта (представляет владельца сайта и содержит гиперссылки на разные его разделы).","type":"unstyled","key":"eu89l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Web-страницы – это документы «Всемирной паутины», которые имеют собственные адреса и содержат текстовую и графическую информацию, а также ссылки на другие документы Интернета;","type":"unstyled","key":"3svmr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"- страницы форматируются с помощью специального гипертекстового языка описания документов HTML (Hypertext Markup Language), имеют расширение .HTM или .HTML.","type":"unstyled","key":"ctio8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"HTML – это язык разметки данных.","type":"unstyled","key":"95h0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":53,"style":"BOLD"},{"length":12,"offset":62,"style":"BOLD"},{"length":10,"offset":78,"style":"BOLD"}],"text":"Базовым структурным элементом Web-документа является тег, или дескриптор, или контейнер.","type":"unstyled","key":"dum9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"},{"length":9,"offset":168,"style":"BOLD"}],"text":"Дескрипторы (теги) в HTML – это специальные элементы разметки, которые определяют, как данный HTML-документ должен интерпретироваться программой просмотра информации – браузером.","type":"unstyled","key":"9qp6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"ITALIC"}],"text":"Или","type":"unstyled","key":"cj23b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"Тэги – инструкции браузеру, указывающие способ отображения текста.","type":"unstyled","key":"c60gv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для создания Web-страниц служат простейшие текстовые редакторы.","type":"unstyled","key":"5qr42"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Технология HTML состоит в том, что в обычный текстовый документ вставляют управляющие символы (тэги) и в результате получают Web-страницу.","type":"unstyled","key":"fu92k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"},{"length":37,"offset":156,"style":"BOLD"},{"length":55,"offset":5,"style":"ITALIC"}],"text":"W3C (World Wide Web Consortium/ Консорциум Всемирной паутины) – это организация, которая занимается внедрением новых технологий в WEB и их стандартизацией. Основная цель создания WEB стандартов — возможность взаимодействия различных программных продуктов. Соответственно это разработка программных продуктов в соответствии со стандартами и в итоге качественный IT продукт.","type":"unstyled","key":"4umj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":617,"style":"BOLD"}],"text":"Стандарт это соответствие текущим правилам разработки на определенном языке. Например, вы разрабатываете ресурс на HTML, который имеет стандарт, включающий в себя определенные теги и исключающий старые менее эффективные теги прошлых его стандартов/версий. Если ваш ресурс использует теги в соответствии с текущими стандартами, то он считается ресурсом с валидным кодом, но если вы использовали старые теги, которые уже не входят в состав нового стандарта, то ваш продукт имеет не валидный код. Но это не значит, что теги не будут работать. Стандарты проверяются специальными программами/сервисами, которые называются валидаторы.","type":"unstyled","key":"9l30c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"2. СТРУКТУРА WEB-СТРАНИЦЫ","type":"unstyled","key":"1mr6l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":17,"style":"BOLD"},{"length":7,"offset":263,"style":"BOLD"}],"text":"Написание кода в HTML достаточно свободное. Но из-за этой свободы возникает большое количество противоречий для браузеров. Ведь им нужно как-то отображать \"вольный\" код, и желательно, чтобы каждый браузер отобразил этот код одинаково. И тут им на помощь приходит DOCTYPE.","type":"unstyled","key":"aqoq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"},{"length":7,"offset":58,"style":"BOLD"},{"length":4,"offset":89,"style":"BOLD"},{"length":5,"offset":100,"style":"BOLD"},{"length":5,"offset":123,"style":"BOLD"},{"length":4,"offset":267,"style":"BOLD"}],"text":"DOCTYPE - это объявление типа документа, другими словами, DOCTYPE означает, какую версию HTML (либо XHTML) Вы используете. HTML развивается уже давно, и много тегов было раньше, потом они устаревали, появлялись новые. И очень важно дать понять браузеру, какую версию HTML Вы используете или, другими словами, какой набор тегов у Вас имеется, и, главное, как его надо отображать.","type":"unstyled","key":"e0qqn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2peno"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":7,"style":"BOLD"},{"length":9,"offset":62,"style":"BOLD"}],"text":"Данный DOCTYPE означает, что документ соответствует стандарту HTML 4.01.","type":"unstyled","key":"4l207"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":81,"style":"ITALIC"},{"length":3,"offset":118,"style":"BOLD"}],"text":"Язык HTML следует правилам, которые содержатся в файле объявления типа документа (Document Type Definition, или DTD). DTD представляет собой XML-документ, определяющий, какие теги, атрибуты и их значения действительны для конкретного типа HTML. Для каждой версии HTML есть свой DTD.","type":"unstyled","key":"79ljs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"DOCTYPE отвечает за корректное отображение веб-страницы браузером. DOCTYPE определяет не только версию HTML (например, html), но и соответствующий DTD-файл в Интернете.","type":"unstyled","key":"bs3ij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":3,"style":"BOLD"}],"text":"Для HTML5 DOCTYPE записывается проще:","type":"unstyled","key":"eqgsu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"27s0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Любая HTML-страница имеет такую структуру:","type":"unstyled","key":"1ejmp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"em063"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"bt7so"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"7iso8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"},{"length":9,"offset":27,"style":"BOLD"},{"length":19,"offset":8,"style":"ITALIC"}],"text":" Заголовок документа ","type":"unstyled","key":"fl72q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":74,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"df7ni"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"ebdth"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"f5bi7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"ITALIC"}],"text":"Тело документа","type":"unstyled","key":"8gtkf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"c5ihn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"6hlgi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте рассмотрим, что записано.","type":"unstyled","key":"e73fq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":29,"style":"ITALIC"}],"text":", , - это открывающие теги.","type":"unstyled","key":"laj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":28,"style":"ITALIC"}],"text":", , - закрывающие теги.","type":"unstyled","key":"5kubb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":12,"style":"BOLD"},{"length":9,"offset":21,"style":"BOLD"},{"length":6,"offset":32,"style":"BOLD"},{"length":4,"offset":39,"style":"BOLD"}],"text":"Теги бывают парные и одиночные. Парные теги - это теги, которые нуждаются в закрытии.","type":"unstyled","key":"efck5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"},{"length":4,"offset":10,"style":"BOLD"}],"text":"Одиночные теги - это теги, которые не требуют наличие закрывающего тега.","type":"unstyled","key":"dv4pm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Назначения данных тегов:","type":"unstyled","key":"8hlsf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег означает начало HTML-документа.","type":"unstyled","key":"6jlic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег означает начало заголовка HTML-документа. Сюда могут входить, например, заголовок страницы, различные мета-теги. Этот тег необязательно заполнять каким-либо текстом.","type":"unstyled","key":"fgn53"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег означает конец заголовка HTML-документа.","type":"unstyled","key":"8eq0q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег означает начало самого документа. То есть всё (текст, картинки, ссылки и т. д.), что Вы видите на страницах в Интернете - всё расположено в теге .","type":"unstyled","key":"16knd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег означает конец содержимого документа.","type":"unstyled","key":"ab40n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег означает конец HTML-страницы.","type":"unstyled","key":"3gjt7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":36,"offset":57,"style":"BOLD"}],"text":"Тег определяет заголовок страницы, который будет отображён в заголовке окна браузера.","type":"unstyled","key":"j80p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег сообщает, что здесь заголовок заканчивается.","type":"unstyled","key":"6odpk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":18,"style":"BOLD"},{"length":9,"offset":68,"style":"ITALIC"}],"text":"Что касается тега , то здесь сначала необходимо поговорить об атрибутах этого тега.","type":"unstyled","key":"6erms"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У тегов могут быть различные атрибуты, определяющие, например, вид их содержимого. Теги с атрибутами записываются в виде:","type":"unstyled","key":"brar5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":59,"offset":0,"style":"BOLD"},{"length":59,"offset":0,"style":"ITALIC"}],"text":"<тег атрибут=”значение” атрибут=”значение” …>текст","type":"unstyled","key":"bogfq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":6,"style":"ITALIC"}],"text":"Здесь атрибут=”значение” – задание конкретных значений параметрам (атрибутам) тега. Не является обязательным.","type":"unstyled","key":"2e6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"ITALIC"}],"text":"Текст – текст, который выводится на экран в виде, обусловленном тегом и его атрибутами.","type":"unstyled","key":"ce4mi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Значения атрибутов принято брать в кавычки, но большинство браузеров понимают запись и без них. Исключения составляют значения, у которых присутствует пробел, - тогда такой атрибут обязательно берут в кавычки.","type":"unstyled","key":"cs6fe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":3,"style":"BOLD"},{"length":11,"offset":97,"style":"BOLD"},{"length":12,"offset":124,"style":"BOLD"},{"length":7,"offset":196,"style":"BOLD"},{"length":33,"offset":219,"style":"BOLD"},{"length":27,"offset":301,"style":"ITALIC"},{"length":12,"offset":369,"style":"ITALIC"}],"text":"Тег (в данном случае) служит для определения языка, на котором написана страница. Атрибут http-equiv и его значение Content-type определяет, что сейчас будет описан тип документа. Атрибут content и его значение text/html; charset = windows-1251 сообщают браузеру, что данный документ является HTML-документом (text/html), и кодировка этого документа кириллица (windows-1251).","type":"unstyled","key":"3dbvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":10,"offset":198,"style":"BOLD"}],"text":"3.2. Созданную Web-страницу необходимо сохранить в виде файла, имеющего расширение .htm или .html. Принято сохранять титульный лист сайта, т.е. тот, который первый загружается в браузер, под именем index.html.","type":"unstyled","key":"a756s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"3.3. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.","type":"unstyled","key":"bl9ss"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"3.4. Необходимо различать имя файла index.html (т.е. имя под которым Web-страница хранится в файловой системе) и собственно имя Web-страницы, которое высвечивается в верхней строке окна браузера (в заголовке) и в первую очередь анализируется поисковыми системами.","type":"unstyled","key":"6nm3c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"3. КОДИРОВКА","type":"unstyled","key":"13qu0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":69,"offset":0,"style":"ITALIC"}],"text":"Понятно, что кириллица - это \"windows-1251\", а Unicode - это \"UTF-8\".","type":"unstyled","key":"50f7q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Кодировка - это таблица, в которой описывается соответствие определённого символа и числа. То есть любой символ, который мы видим или вводим, для компьютера в реальности - всего лишь набор битов (набор нулей и единиц). Именно эти биты и перегоняются от устройства к устройству. А чтобы показать результат этих перегонок человеку, компьютер преобразует с помощью таблицы (той самой кодировки) код символа в соответствующий внешний вид.","type":"unstyled","key":"ffev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кодировка UTF-8 - самая популярная во всём мире. Она объединяет все кодировки в одну и является самой универсальной кодировкой.","type":"unstyled","key":"bdh93"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":112,"offset":0,"style":"ITALIC"}],"text":"Кодировок большое количество, и задача Web-мастера состоит в правильном выборе кодировки и указания её напрямую.","type":"unstyled","key":"3b43"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если Вы точно знаете, что на разрабатываемом вами сайте будет не только русский и латинский алфавит, то используйте UTF-8.","type":"unstyled","key":"9ce74"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"4. СОДЕРЖИМОЕ ДОКУМЕНТА","type":"unstyled","key":"635ef"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если речь идет о содержимом страницы - значит, код пишется внутри тега .","type":"unstyled","key":"68r0v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.1. АТРИБУТЫ ТЕГА :","type":"unstyled","key":"3in25"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"BACKGROUND – фоновое изображение страницы","type":"unstyled","key":"1pp28"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример, (фоном документа станет картинка fon.jpeg из папки image).","type":"unstyled","key":"citqj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"BGCOLOR - цвет фона HTML-документа. Можно символьные или шестнадцатеричные значения. Шестнадцатеричные значения задаются в формате #RRGGBB – соответственно красный, зеленый и синий цвет модели RGB.","type":"unstyled","key":"on63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unstyled","key":"6borb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8es8n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"или","type":"unstyled","key":"dbni0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" (документу задан светло-желтый цвет)","type":"unstyled","key":"3peo4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"TEXT - цвет шрифта документа","type":"unstyled","key":"8g914"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unstyled","key":"c5l8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" (в документе весь текст будет напечатан зеленым цветом)","type":"unstyled","key":"dl2on"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"},{"length":36,"offset":75,"style":"ITALIC"},{"length":14,"offset":113,"style":"ITALIC"},{"length":24,"offset":130,"style":"ITALIC"},{"length":36,"offset":209,"style":"ITALIC"}],"text":"LINK, VLINK, ALINK задают цвет гиперссылок в документе, соответственно для ссылок, которые встречаются в тексте, уже посещенных и активных в данный момент (в момент щелчка мышкой). По умолчанию эти цвета равны LINK=blue, VLINK=purple, ALINK=red.","type":"unstyled","key":"5a9nc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unstyled","key":"cotsu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3491l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.2. ЗАГОЛОВКИ.","type":"unstyled","key":"c30m6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовки являются важными элементами веб-страницы, они упорядочивают текст, формируя его визуальную структуру. Теги

...

должны использоваться только для выделения заголовков нового раздела или подраздела. При использовании заголовков необходимо учитывать их иерархию, т.е. за

должен следовать

и т.д. Также не допускается вложение других тегов в теги

...

.","type":"unstyled","key":"123tp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Тег

. Заголовок самого верхнего уровня, на странице рекомендуется использовать только один раз, по возможности частично дублируя заглавие страницы. Тег

должен быть уникальным для каждой страницы сайта. Рекомендуется прописывать тег в начале статьи, используя ключевое слово в тексте заголовка. Размер шрифта в браузере равен 2em, верхний и нижний отступ по умолчанию 0.67em.","type":"unstyled","key":"7b7jv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Примечание.","type":"unstyled","key":"7tvom"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"1em – текущий размер шрифта.","type":"unstyled","key":"115vg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно брать любые пропорции от текущего шрифта: 2em, 0.5em и т.п.","type":"unstyled","key":"9u3it"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":68,"style":"BOLD"}],"text":"Размеры в em – относительные, они определяются по текущему контексту.","type":"unstyled","key":"9ff7u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Тег . Размер шрифта в браузере равен 1.5em, верхний и нижний отступ по умолчанию 0.83em.","type":"unstyled","key":"989mb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Тег
. Показывает подзаголовки тега
. Размер шрифта в браузере равен 1.17em, верхний и нижний отступ по умолчанию 1em.","type":"unstyled","key":"a4cdd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Теги
,
,
. Обозначают подзаголовки четвёртого, пятого и шестого уровня. Размер шрифта в браузере равен 1em / 0.83em / 0.67em, верхний и нижний отступ по умолчанию 1.33em / 1.67em / 2.33em соответственно.","type":"unstyled","key":"fretb"},{"data":{"image":{"id":"5fdb3ba9602c783027a40a23"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bfbie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Размер шрифта","type":"unstyled","key":"9oj5l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":61,"style":"BOLD"},{"length":4,"offset":101,"style":"BOLD"},{"length":5,"offset":116,"style":"BOLD"},{"length":4,"offset":130,"style":"BOLD"}],"text":"Изменить размер, цвет, гарнитуру текста можно с помощью тега …. Тег имеет три атрибута: SIZE (размер), COLOR (цвет), FACE (гарнитура).","type":"unstyled","key":"9a6m3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример","type":"unstyled","key":"6j3sl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текст ","type":"unstyled","key":"7ki1r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"ITALIC"},{"length":9,"offset":39,"style":"BOLD"}],"text":"Размер шрифта может принимать значения от 1 до 7 (1 – мелкий, … 7 - крупный). По умолчанию используется размер шрифта 3.","type":"unstyled","key":"7kaus"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":39,"offset":77},{"key":1,"length":59,"offset":117},{"key":2,"length":52,"offset":177},{"key":3,"length":66,"offset":230}],"inlineStyleRanges":[{"length":68,"offset":0,"style":"BOLD"},{"length":7,"offset":69,"style":"BOLD"},{"length":39,"offset":77,"style":"BOLD"},{"length":59,"offset":117,"style":"BOLD"},{"length":52,"offset":177,"style":"BOLD"},{"length":66,"offset":230,"style":"BOLD"}],"text":"А так же кто хочет еще узнать что-то нового смотрите ниже на ссылки.\nСтатьи:\nКакой антивирусник ставить в 2021 году?\nКак разогнать оперативную память и чтобы твой ПК не сгорел!\nПочему лучше поставить Windows 7 на свою операционку\nОсновные характеристики, принцип работы, интерфейсы жестких дисков","type":"unstyled","key":"640m8"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":52,"offset":7},{"key":5,"length":39,"offset":60}],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"},{"length":52,"offset":7,"style":"BOLD"},{"length":39,"offset":60,"style":"BOLD"}],"text":"Видео:\nКак загружается виндовс 7 на жестком диске и на ssd.\nИстория Windows. С чего всё начиналось.","type":"unstyled","key":"a583a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"dsiee"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"u41xlU1hCmrzf0Qs95mx"}],"entityMap":{"0":{"data":{"href":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/kakoi-antivirusnik-stavit-v-2021-godu-5fd7386564f2df1897b9965a","url":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/kakoi-antivirusnik-stavit-v-2021-godu-5fd7386564f2df1897b9965a"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/kak-razognat-operativnuiu-pamiat-i-chtoby-tvoi-pk-ne-sgorel-5fd8ffde654caa5d02d3424c","url":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/kak-razognat-operativnuiu-pamiat-i-chtoby-tvoi-pk-ne-sgorel-5fd8ffde654caa5d02d3424c"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/pochemu-luchshe-postavit-windows-7-na-svoiu-operacionku-5fd4713c5a2c8e1f2c59c625","url":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/pochemu-luchshe-postavit-windows-7-na-svoiu-operacionku-5fd4713c5a2c8e1f2c59c625"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/osnovnye-harakteristiki-princip-raboty-interfeisy-jestkih-diskov-5fd34e0640dbc009fc602514","url":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/osnovnye-harakteristiki-princip-raboty-interfeisy-jestkih-diskov-5fd34e0640dbc009fc602514"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/kak-zagrujaetsia-vindovs-7-na-jestkom-diske-i-na-ssd-5fd8c24575d72d6653306d65","url":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/kak-zagrujaetsia-vindovs-7-na-jestkom-diske-i-na-ssd-5fd8c24575d72d6653306d65"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"href":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/istoriia-windows-s-chego-vse-nachinalos-5fd9d2f746486a6770614628","url":"https://zen.yandex.ru/media/id/5fd0ee3375e32831d88ab2d3/istoriia-windows-s-chego-vse-nachinalos-5fd9d2f746486a6770614628"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}