{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"a2stl"},{"data":{"image":{"id":"5ece0f9f4ee7871db0237fbc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"16gh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bpc7m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Работа с текстом в HTML.","type":"unstyled","key":"65gnt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здравствуй мой дорогой читатель. В этой статье я хочу с тобой поделиться своими знаниями в области создания веб-страниц. Да, речь пойдет о html. ","type":"unstyled","key":"dkq1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конечно, если ты уже знаешь что это такое и как этим пользоваться, это очень хорошо. Но если ты новичок в этой области давай вспомним: Что же такое html?. Как говорил Юрий Алексеевич Гагарин «Поехали»!","type":"unstyled","key":"710he"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML - расшифровывается как ( H- yper T-ext M-arkup L- anguage) , язык гипертекстовой разметки. Что же такое гипертекст HyperText?- спросите вы. Если говорить простым языком - это обычный текст, просто он имеет отсылку к другому тексту, ресурсу или контенту. ","type":"unstyled","key":"ff7tq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ГиперТекст – этот термин пришёл к нам из литературы. Да, да вы не ошиблись в прочитанном, именно там ( в литературе) всегда присутствует гипертекст. Не верите? Тогда откройте любую литературу, сборник. В начале любой книги, всегда присутствует оглавление. Так вот оглавление - это и есть гипертекст, так как оно содержит ссылки на другие страницы. Значит с гипертекстом вроде, разобрались. Теперь разберёмся со следующим «сложным» словом в этой области. Это - язык разметки.","type":"unstyled","key":"7dus3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На начальном этапе, все сайты представляют собой просто страницы с текстом, картинками и ссылками. Эта разметка и есть html. Так сказать своеобразный word документ только для веб - сайта. Что бы было более понятно, сейчас объясню на примере.","type":"unstyled","key":"2kssh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Представим наш сайт как постройку дачи. Для начала нам понадобится чертёж план, что бы понять, где и что будет находиться (окно, дверь, кухня). HTML как раз таки выполняет роль такого чертежа для нашего сайта. А после мы будем решать: как будут выглядеть наши стены, двери и окна. HTML разметку можно увидеть на любой странице. Что же для этого нужно сделать?. Выполняем всё в такой последовательности: заходим на любой сайт кликаем правой кнопкой мыши в меню выбираем «Просмотр кода страницы», и мы попадаем прямо в HTML. ","type":"unstyled","key":"6mr0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основной работой HTML является описание сайта, точнее, что в нём находится: картинки, видео, текст или же ссылки. А описывает HTML всё при помощи слов, называются они «Теги». Именно теги являются основными, так сказать ключевыми словами языка HTML. ","type":"unstyled","key":"dfjof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключаются теги в угловые скобки и чаще всего их употребляют парно. Например: <тег> контент .","type":"unstyled","key":"1275n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот вам несколько тегов, которые понадобятся в работе.","type":"unstyled","key":"2sm2j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Тег - указывает на то, что последовательность символов является аббревиатурой.","type":"unstyled","key":"38d7u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Tег - сообщает, что текст является акрономом. В отличие от аббревиатуры, акроном - является устоявшим сокращением, которое может использоваться как самостоятельное слово.","type":"unstyled","key":"2lskl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Тег

- является своего рода хранилищем. Используется для сохранения информации об авторе.","type":"unstyled","key":"6hukm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4. Тег - устанавливается стиль жирного шрифта","type":"unstyled","key":"549us"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Тег - предназначается для установки шрифта, размера и цвета текста по умолчанию.","type":"unstyled","key":"e1f2d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"6. Тег - устанавливает направление вывода текста: слева направо или же справа налево.","type":"unstyled","key":"56lut"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"7. Тег - в отличие от обычного текста, этот тег увеличивает размер шрифта на единицу.","type":"unstyled","key":"fj1uo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"8. Тег - устанавливается мигающий текст","type":"unstyled","key":"1461f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"9. Тег

- предназначается для выделения длинных цитат в документе.","type":"unstyled","key":"f6r32"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"10. Тег - помечает текст как цитату или сноску на другом материале.","type":"unstyled","key":"41kov"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"11. Тег - предназначается для отображения текста программного кода.","type":"unstyled","key":"fbpda"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"12. Тег - используется для выделения текста, который был удалён в новой версии документа.","type":"unstyled","key":"cr57c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"13. Тег -этот тег предназначен для выделения термина в документе.","type":"unstyled","key":"dvnon"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"14. Тег - предназначается для акцентирования текста.","type":"unstyled","key":"el5ml"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"15. Тег -предназначается для изменения характеристик шрифта, таких как размер, цвет и гарнитура.","type":"unstyled","key":"1r1o0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"16. Тег - используется для заголовка первого уровня.","type":"unstyled","key":"83alq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"17. Тег - задаёт заголовок второго уровня.","type":"unstyled","key":"22gsd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"18. Тег - заголовок третьего уровня.","type":"unstyled","key":"75uc1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"19. Тег - предназначается для заголовка четвёртого уровня.","type":"unstyled","key":"f738d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"20. Тег -устанавливает заголовок пятого уровня.","type":"unstyled","key":"3aobr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"21. Тег - задаёт заголовок шестого уровня.","type":"unstyled","key":"13srh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"22. Тег- устанавливает курсивное начертание шрифта.","type":"unstyled","key":"ep067"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"23. Тег- предназначается для выделения текста, который был добавлен в новую версию документа.","type":"unstyled","key":"b5ie4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"24. Тег- используется для названия клавиш, или для обозначения текста, который набирается на клавиатуре.","type":"unstyled","key":"6diu6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"25. Тег- оставляет пометку на тексте как выделенный текст.","type":"unstyled","key":"3or6b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"26. Тег- уведомляет браузер отображать текст без переносов.","type":"unstyled","key":"9mlef"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"27. Тег - этот тег определяет текстовый абзац.","type":"unstyled","key":"auaeo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"28. Тег - показывает (отображает) содержимое контейнера «как есть».","type":"unstyled","key":"f971n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"29. Тег<q> - используется для выделения в тексте цитат.","type":"unstyled","key":"261jc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"30. Тег<rp>- используется для вывода текста в браузерах, которые не поддерживают такой тег <ruby>.","type":"unstyled","key":"arag4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"31. Тег<rt>- добавляет аннотацию сверху или снизу от текста, заключённого в контейнер <ruby>.","type":"unstyled","key":"13ebb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"32. Тег<ruby>- предназначен для добавления небольшой аннотации сверху или снизу от заданного текста.","type":"unstyled","key":"1g0st"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"33. Тег<s> - показывает текст как перечёркнутый.","type":"unstyled","key":"42ao2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"34. Тег<samp> - обычно используется для показа текста, т.е. отображает. его, в свою очередь этот текст является результатом вывода . компьютерной программы.","type":"unstyled","key":"2armo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"35. Тег- если сравнивать обычный текст, то этот тег уменьшает . размер шрифта на единицу.","type":"unstyled","key":"4cfpo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"36. Тег<strike>- этот тег отображает текст как перечеркнутый .","type":"unstyled","key":"1fomc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"37. Тег- делает акцент в тексте, обычно жирным начертанием.","type":"unstyled","key":"9jrmp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"38. Тег- показывает текст в виде нижнего индекса.","type":"unstyled","key":"pes7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"39. Тег- отображает текст в виде верхнего индекса.","type":"unstyled","key":"2n4dr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"40. Тег<tt>- отображает текст так сказать моноширинным текстом.","type":"unstyled","key":"8umcr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"41. Тег- добавляет подчёркивание к тексту.","type":"unstyled","key":"8vg80"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"42. Тег<var>- выделяет переменные компьютерные программы.","type":"unstyled","key":"droj7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"43. Тег-показывает браузеру место, где допускается делать перенос строки в тексте.","type":"unstyled","key":"7o6ru"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"44. Тег<xmp>- отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины.","type":"unstyled","key":"41btb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ну, вроде бы с тегами разобрались, переходим дальше.","type":"unstyled","key":"d0ggp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Любой тег имеет «атрибуты». Атрибуты расширяют возможности тегов. Пишутся атрибуты внутри открывающего (первого) тега. Давайте посмотрим пример.","type":"unstyled","key":"72pkv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" сюда вводится текст .","type":"unstyled","key":"4b8sn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"P- является тегом абзаца.","type":"unstyled","key":"2g98q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align = \"center\" - это атрибут тега с дополнительными правилами.","type":"unstyled","key":"euoev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И да совсем забыла, обязательно нужно ставит слэш «/» внутри закрывающего тега, перед именем. Это не менее важно. Выглядеть всё должно примерно так:","type":"unstyled","key":"emkso"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<тег атрибут= значение> контент </тег>, контент .","type":"unstyled","key":"9p6fj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обычно для одного тега доступно несколько атрибутов. Порядок перечисления атрибутов не имеет значения.","type":"unstyled","key":"2dtkc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каждый тег выполняет определённую функцию. Что бы научиться создавать веб-страницы, нужно точно знать, для чего тот или иной тег используется. Тег – это определённая команда браузера. Браузер понимает эту команду и соответственно выводит нам на экран определённую информацию, которую уже отформатировал определённым образом. Поэтому сам код мы увидеть не сможем.","type":"unstyled","key":"abahi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Многие структуру HTML сравнивают с деревом. Так вот тег это его ствол, так сказать основа основ. После ствол разделяется на две большие ветви. Называются они <head> и <body>.","type":"unstyled","key":"3phrj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обычно в <head> указывают информацию, которая необходима браузеру и поисковым системам, а так же подключаются стили для визуального оформления страниц. Весь текст, графика и прочие коды, которые мы видим на странице, должен находиться внутри тега <body>.","type":"unstyled","key":"ht41"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте подведём итог, что же такое HTML? ","type":"unstyled","key":"a7cj9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML- это язык, который создавался для того, что бы помочь браузеру понять, из каких частей состоит веб-страница. Поэтому все структуры языка, познания тегов и как их писать очень важно. Я очень надеюсь, что моя статья помогла разобраться с работой над текстом HTML. ","type":"unstyled","key":"d6h2s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"VrMrxY9juh3DFOkMLRdT"}],"entityMap":{}},"mentions":[]}</article></body></html>