{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Содержание:","type":"unstyled","key":"1njme"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Определение гипертекста простыми словами","type":"ordered-list-item","key":"8ohk4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"История появления гипертекста","type":"ordered-list-item","key":"rjst"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как работает гипертекст: техническая основа","type":"ordered-list-item","key":"cpb52"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные характеристики гипертекста","type":"ordered-list-item","key":"a9ni8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зачем нужен гипертекст: практическая польза","type":"ordered-list-item","key":"bu9jb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примеры использования гипертекста","type":"ordered-list-item","key":"570pc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение","type":"ordered-list-item","key":"7jhpt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гипертекст — это не просто часть веб-страницы, а основа всей цифровой среды, в которой мы живём. Он настолько глубоко интегрирован в наш повседневный онлайн-опыт, что многие даже не осознают его присутствия. Но стоит на мгновение представить интернет без гипертекста — и перед нами предстанет хаотичная масса данных без структуры, связей и навигации. Именно гипертекст делает веб понятным, логичным, интерактивным и удобным для пользователя.","type":"unstyled","key":"4jtmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каждый из нас сталкивался с гипертекстом буквально ежедневно. Открывая статью на Wikipedia, вы замечаете выделенные слова — гиперссылки. Нажимаете на одно из них — и оказываетесь на другой странице. Переходите дальше, по следующей ссылке — и уже читаете совсем о другом, но всё ещё в рамках одной цепочки смыслов. Это цепное взаимодействие и есть результат работы гипертекста. Он превращает интернет в единое логическое пространство, где каждая страница связана с другой.","type":"unstyled","key":"d9es4"},{"data":{"image":{"id":"6874fb78b681f003aa758713"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"92r6v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Связаться со мной:","type":"header-two","key":"1j54p"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":25,"offset":11}],"inlineStyleRanges":[],"text":"Вконтакте: https://vk.com/oparin_art","type":"unstyled","key":"s0i2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"WhatsApp: 8 (953) 948-23-85","type":"unstyled","key":"j537"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":22,"offset":10}],"inlineStyleRanges":[],"text":"Telegram: https://t.me/pr_oparin","type":"unstyled","key":"a11u5"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":26,"offset":9}],"inlineStyleRanges":[],"text":"TenChat: https://tenchat.ru/seo-top","type":"unstyled","key":"7llmn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Email почта: pr.oparin@yandex.ru","type":"unstyled","key":"crdog"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":35,"offset":9}],"inlineStyleRanges":[],"text":"Youtube: https://www.youtube.com/@seo-oparin","type":"unstyled","key":"cgc1i"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":14,"offset":51}],"inlineStyleRanges":[],"text":"Сразу перейду к делу. А пока подписывайтесь на мой телеграм канал, там я пишу про SEO продвижении в Яндексе и Google, в общем и целом, про интернет-рекламу.","type":"unstyled","key":"adstf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Определение гипертекста простыми словами","type":"header-two","key":"2uq42"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Понять, что такое гипертекст, проще всего на конкретных примерах. Вы заходите на сайт, читаете статью, видите выделенное слово или фразу, нажимаете на него — и оказываетесь на другой странице. Это не магия и не случайность. Это гипертекст в действии.","type":"unstyled","key":"4gtv0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гипертекст — это текст, содержащий ссылки на другие фрагменты текста, документы, страницы или даже медиафайлы. Такие ссылки называются гиперссылками. Они могут вести как на другой раздел той же страницы, так и на внешний источник в интернете. В отличие от обычного текста, гипертекст нелинеен: он не предполагает строго последовательного чтения. Пользователь сам решает, в каком порядке изучать информацию, переходя по ссылкам, которые его интересуют.","type":"unstyled","key":"3v565"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На техническом уровне гипертекст — это HTML-документ, содержащий контент (текст, изображения, таблицы, списки и т.д.) и теги разметки, задающие структуру и поведение этого контента. Например, тег используется для создания ссылок, — для изображений,

— абзац текста;","type":"unordered-list-item","key":"4v8l5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — изображение (одиночный тег);","type":"unordered-list-item","key":"dpp17"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

,
,
— заголовки разного уровня;","type":"unordered-list-item","key":"733dd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
,
— списки;","type":"unordered-list-item","key":"7tv75"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":", ,
— таблицы.","type":"unordered-list-item","key":"af55t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта разметка невидима пользователю, но именно она создаёт структуру и \"интеллект\" веб-страницы.","type":"unstyled","key":"a237i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое гиперссылка?","type":"header-three","key":"e07en"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гиперссылка — это основная единица гипертекста. Она позволяет пользователю одним кликом перейти с одного документа или его части к другой. Ссылки бывают нескольких типов:","type":"unstyled","key":"9knk1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Внутренние (якорные) — ведут на другую часть текущего документа.\n Пример: Перейти к разделу 2","type":"ordered-list-item","key":"d0rtr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Внешние — ведут на другие сайты или страницы в интернете.\n Пример: Wikipedia","type":"ordered-list-item","key":"7sgo9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Локальные — указывают на другой файл в той же директории.\n Пример: Скачать файл","type":"ordered-list-item","key":"5hg7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Ссылки на почту или другие протоколы:\n Пример: Написать письмо","type":"ordered-list-item","key":"33r18"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кроме текстовых ссылок, в гипертексте можно использовать и графические гиперссылки — изображения или иконки, при клике на которые происходит переход.","type":"unstyled","key":"diur3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"818oi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Копировать Редактировать","type":"unstyled","key":"3touo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bugaa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"Кнопка$ ","type":"unstyled","key":"23ttd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"55b7p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как браузер читает гипертекст","type":"header-three","key":"1f2g4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда вы открываете сайт, браузер получает HTML-документ от сервера. Он анализирует теги, формирует дерево элементов, подгружает изображения, стили, скрипты — и на основе всей этой структуры строит визуальную страницу. Гиперссылки в этом дереве становятся активными: при нажатии на них браузер загружает новый ресурс, указанный в атрибуте href.","type":"unstyled","key":"1j6cm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если говорить метафорично, HTML-документ — это карта, а гиперссылки — дорожные указатели, ведущие к новым точкам на этой карте.","type":"unstyled","key":"5u38o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Смешанная структура: текст + медиа","type":"header-three","key":"e91er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гипертекст сегодня редко ограничивается только текстом. Он включает в себя изображения, видео, аудио, формы, и даже скрипты, делающие страницу интерактивной. Эти элементы внедряются через соответствующие теги:","type":"unstyled","key":"877qo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — изображения;","type":"unordered-list-item","key":"asiod"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"