{"draftJsState":{"blocks":[{"data":{"image":{"id":"67c5a04f803fd12163900747"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ekudl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f3vfg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта тема охватывает все аспекты создания ссылок — от простых гиперссылок до ссылок для email и телефонных номеров, а также стилизации ссылок, чтобы они выглядели как кнопки.","type":"unstyled","key":"3lm5h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.1. Как сделать простую гиперссылку?","type":"header-two","key":"f7303"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"ascoa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейти на Example","type":"unstyled","key":"a33d9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"f4rlj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"\nТег создаёт ссылку, а атрибут href задаёт адрес назначения.","type":"unordered-list-item","key":"9ldif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Текст ссылки:\nТо, что видит пользователь и на что он кликает.","type":"unordered-list-item","key":"4mkj2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"dkmei"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте понятные и описательные тексты для ссылок.","type":"unordered-list-item","key":"40u7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверяйте правильность URL, чтобы избежать битых ссылок.","type":"unordered-list-item","key":"cq9je"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.2. Как сделать ссылку с открытием в новой вкладке?","type":"header-two","key":"akpo0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"3uolu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Example","type":"unstyled","key":"2e1pj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"1a7ho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"target=\"_blank\"\nЗаставляет ссылку открываться в новой вкладке браузера.","type":"unordered-list-item","key":"5p2fm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"title=\"...\"\nДобавляет всплывающую подсказку при наведении курсора.","type":"unordered-list-item","key":"eca4f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"aabke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для повышения безопасности используйте атрибуты rel=\"noopener noreferrer\".","type":"unordered-list-item","key":"4lcic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте ссылки с target=\"_blank\" для внешних сайтов, чтобы не потерять пользователя.","type":"unordered-list-item","key":"c0kq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.3. Как сделать ссылку для отправки email?","type":"header-two","key":"5l4fr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"f25la"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отправить email","type":"unstyled","key":"2laqt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"d6hti"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"mailto:\nПротокол, который при клике открывает почтовый клиент с предустановленным адресом.","type":"unordered-list-item","key":"dnbv0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Преимущества:\nУдобство для пользователей, желающих быстро отправить письмо.","type":"unordered-list-item","key":"37mbk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"fnjou"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Убедитесь, что email-адрес указан корректно.","type":"unordered-list-item","key":"aaml8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно добавить subject и body в URL для предзаполнения письма.","type":"unordered-list-item","key":"9oa3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.4. Как сделать телефонную ссылку?","type":"header-two","key":"84dvl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"6cego"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Позвонить","type":"unstyled","key":"5kcep"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"6look"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"tel:\nПротокол, позволяющий запустить телефонное приложение на мобильных устройствах.","type":"unordered-list-item","key":"vroi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Преимущества:\nОсобенно полезно для мобильных пользователей, упрощающих связь с компанией.","type":"unordered-list-item","key":"dfs0f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"f35s4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Указывайте номер в международном формате для универсальности.","type":"unordered-list-item","key":"7ei18"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.5. Как сделать стилизованную ссылку, похожую на кнопку?","type":"header-two","key":"59gqf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"32atq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка-ссылка\n","type":"unstyled","key":"3mmi2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"apton"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Класс .btn:\nЗадает стиль для ссылки, превращая её в кнопку.","type":"unordered-list-item","key":"cqicg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Свойства CSS:display: inline-block; позволяет элементу иметь размеры.\npadding создаёт внутренние отступы, background-color задаёт цвет фона, border-radius округляет углы.\n","type":"unordered-list-item","key":"59ab4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Псевдокласс :hover:\nИзменяет фон при наведении, создавая интерактивный эффект.","type":"unordered-list-item","key":"76r87"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"gfdc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте внешние таблицы стилей для повторного использования оформления кнопок.","type":"unordered-list-item","key":"47ec8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Старайтесь поддерживать единый стиль ссылок на сайте.","type":"unordered-list-item","key":"8pc6d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"mm9u9kweD6ajP9Ifj76w"}],"entityMap":{}},"mentions":[]}