{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7vo22"},{"data":{"image":{"id":"5d6fd173aad43600aded8dc6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Источник изображения - pixabay.com","type":"atomic:image","key":"1d9gk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Приветствую. Сегодня поговорим о тексте. Древние летописцы вели свои записи от руки, сплошным текстом. Даже без пробелов. Естественно, читать такой текст было максимально неудобно. Затем, в разных странах в разное время, ввели пробелы и прочие знаки препинания. (да, пробел тоже является знаком препинания) ","type":"unstyled","key":"6us0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Воспринимать текст стало гораздо удобнее. ","type":"unstyled","key":"3baek"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Язык HTML позволяет нам форматировать текст ещё шире - теперь мы имеем несколько уровней заголовков, разные типы и размеры шрифтов, и так далее. Сейчас даже для особо важного ПО СМЫСЛУ есть свой отдельный тег. ","type":"unstyled","key":"6rbhg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, разберем теги разметки:","type":"unstyled","key":"vce0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Заголовки. В HTML есть 6 уровней заголовков от h1 до h6. Они различаются по важности, где h1 - самый важный заголовок, соответственно h6 - самый нижний. У них не только семантические различия между собой, но и визуальные. H1 будет самым крупным заголовком. Чисто технически, можно регулировать ими размер текста. Но так делать не рекомендуется, для этого есть более удобные инструменты. Тег заголовка необходимо закрывать. Давайте рассмотрим пример:","type":"unstyled","key":"d5g6r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок 1

","type":"blockquote","key":"efsfc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок 2

","type":"blockquote","key":"5viru"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"ITALIC"}],"text":"

Заголовок 3

","type":"blockquote","key":"6fag1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"ITALIC"}],"text":"

Заголовок 4

","type":"blockquote","key":"ci9pf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"ITALIC"}],"text":"

Заголовок 5

","type":"blockquote","key":"3a8ol"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"ITALIC"}],"text":"

Заголовок 6

","type":"blockquote","key":"clsng"},{"data":{"image":{"id":"5d7004ef6f5f6f00ae9f114c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":"Результат","type":"atomic:image","key":"eiajm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"fbjrs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На практике чаще всего применяются первые три уровня. ","type":"unstyled","key":"4vj6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Абзацы","type":"unstyled","key":"ekn5m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так как браузеры не воспринимают переносы строк в исходном коде страницы, необходим специальный тег, который разделяет текст на абзацы. ","type":"unstyled","key":"d5be2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

- Абзацный тег. ","type":"unstyled","key":"c2mf1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Именно этим тегом текст делится на абзацы. При сканировании сайта поисковый робот выделяет абзацы текста как отдельный элемент, поэтому для правильного понимания сайта роботом этот тег необходимо использовать. Тег закрывающийся. ","type":"unstyled","key":"5om4k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

абзац 1. Это первый абзац из примера

","type":"blockquote","key":"8b7j0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

абзац 2. Это второй абзац из примера. Мы видим, что он отделен от первого.

","type":"blockquote","key":"a8e9a"},{"data":{"image":{"id":"5d7005b7e6cb9b00aea4f204"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"atomic:image","key":"2p54a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"39vmq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Перенос строки","type":"unstyled","key":"dtutu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Иногда возникает необходимость перенести строку без разделения текста на абзацы - просто для удобства чтения и визуальной гармоничности текста. Именно здесь нам и пригодится тег переноса строки. ","type":"unstyled","key":"a26q0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
- этот текст просто переносит строку, как если бы вы нажали enter в ворде. Переносов может быть сколько угодно - просто ставите два, три и более тега подряд - браузер отреагирует на каждый и сделает несколько Переносов. Это ПЕРВЫЙ рассмотреный нами тег, который не нуждается в закрытии. ","type":"unstyled","key":"4hqsa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рассмотрим на примере:","type":"unstyled","key":"5m5oh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я пишу этот текст. После этого предложения мне нужно вставить два переноса.

А это предложение начинается с новой строки и пропуска одной строки текста, хотя текст не поделен на абзацы. ","type":"blockquote","key":"7mnpc"},{"data":{"image":{"id":"5d700638027a1500ad73009e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"atomic:image","key":"3sc0f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4353q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В следующих статьях мы познакомимся с атрибутами тегов и продолжим изучать способы форматирования текста в HTML. Подписывайтесь на канал, чтобы ничего не пропустить :) ","type":"unstyled","key":"9hm11"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"uSJzXWJRYmz86LOH0R9Q"}],"entityMap":{}},"mentions":[]}