Заголовок

{"draftJsState":{"blocks":[{"data":{"image":{"id":"5e2d4df7e6cb9b00ae7443f5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Базовый минимум или совсем ничего?","type":"atomic:image","key":"78csi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":70,"offset":0,"style":"ITALIC"}],"text":"9 дней изучения html. Решил сформулировать и изложить все свои знания:","type":"header-three","key":"bc2ek"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":134,"offset":0,"style":"BOLD"},{"length":134,"offset":0,"style":"ITALIC"}],"text":"Неделю назад эта информация ломала мне мозг, а теперь я её наверно с закрытыми глазами напишу. Конечно, это капля в море, но всё же...","type":"unstyled","key":"96qna"},{"data":{"image":{"id":"5e2d5b4dd7859b00ad05c1ed"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почти все мои знания в html...","type":"atomic:image","key":"39m20"},{"data":{"image":{"id":"5e2d528ef73d9d00ac8335de"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"ITALIC"}],"text":"В коде я изложил практически все свои знания:","type":"unstyled","key":"8cndv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":70,"style":"ITALIC"},{"length":5,"offset":98,"style":"ITALIC"},{"length":12,"offset":128,"style":"ITALIC"},{"length":12,"offset":128,"style":"BOLD"}],"text":"Начнём. ☕ Для начала работы, конечно же, нужно создать текстовый файл index и преобразовать его в html файл, поменяв расширение \"index.html\".","type":"unstyled","key":"9q4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":107,"offset":0,"style":"ITALIC"},{"length":12,"offset":93,"style":"BOLD"}],"text":"Но, я не могу понять. Если сайт многостраничный, то для каждой страницы нужно создавать файл \"index.html\"? ","type":"blockquote","key":"eis1t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":123,"offset":0,"style":"ITALIC"}],"text":"На каком-то из форумов прочитал, что сейчас вообще эти файлы используются только в лендингах (лендинг-одностраничный сайт).","type":"blockquote","key":"4nlcu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":115,"style":"BOLD"},{"length":7,"offset":115,"style":"ITALIC"}],"text":"Далее, можем писать код. Конечно можно было писать его прямо в текстовом документе, а после поменять расширение на \".html\", но это максимально не удобно. ","type":"unstyled","key":"9id57"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":27,"style":"BOLD"},{"length":6,"offset":67,"style":"BOLD"},{"length":15,"offset":27,"style":"ITALIC"},{"length":6,"offset":67,"style":"ITALIC"},{"length":7,"offset":116,"style":"ITALIC"}],"text":"Лично я использую редактор \"Sublime Text 3\", изначально я пробовал \"Atom\", но чисто визуально больше мне понравился Sublime.","type":"unstyled","key":"cnmjh"},{"data":{"image":{"id":"5e2d59c40be00a00ad27e6ca"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":60,"offset":0,"style":"BOLD"},{"length":15,"offset":44,"style":"ITALIC"}],"text":"Так вот, первым обязательным элементом идёт .","type":"unstyled","key":"1p7ct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Объяснить я это могу так: существует несколько разновидностей языка html. ","type":"unstyled","key":"20rtq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"},{"length":5,"offset":0,"style":"ITALIC"},{"length":4,"offset":31,"style":"ITALIC"}],"text":"XHTML - это расширенная версия html. ","type":"unordered-list-item","key":"70nmr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":32,"style":"BOLD"},{"length":6,"offset":32,"style":"ITALIC"}],"text":"И есть более старая версия, это HTML 4. ","type":"unordered-list-item","key":"es3ev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":40,"style":"ITALIC"}],"text":"И что бы браузер понял, какой перед ним html документ, и нужен этот элемент. ","type":"unstyled","key":"cuejb"},{"data":{"image":{"id":"5e2d5b8c8f011100c0c064d5"},"contents":{"5e2d5b8c8f011100c0c064d5":"DOCTYPE (document type) - тип документа."}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"DOCTYPE (document type) - тип документа.","type":"atomic:image","key":"4pffu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"},{"length":16,"offset":19,"style":"ITALIC"}],"text":"Далее идёт элемент . ","type":"unstyled","key":"bkba6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"ITALIC"},{"length":7,"offset":47,"style":"ITALIC"},{"length":17,"offset":133,"style":"ITALIC"},{"length":4,"offset":5,"style":"BOLD"},{"length":7,"offset":47,"style":"BOLD"},{"length":17,"offset":133,"style":"BOLD"}],"text":"Тег парный, то есть с закрывающим тегом . Это корневой элемент, и контейнер для всего содержимого веб страницы, кроме . ","type":"unstyled","key":"8dn2j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":75,"style":"ITALIC"}],"text":"По сути, его можно не писать, но на сколько я понял, это считается хорошим тоном/стилем у веб мастеров.","type":"unstyled","key":"fq3pl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":22,"style":"BOLD"},{"length":10,"offset":22,"style":"ITALIC"},{"length":20,"offset":111,"style":"ITALIC"}],"text":"У меня он с атрибутом lang=\"ru\" - это универсальный атрибут, для того, что бы браузер мог отображать некоторые национальные символы.","type":"unstyled","key":"21aif"},{"data":{"image":{"id":"5e2d6005b477bf00b1cc46d6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Честно: сам ещё не понял, что за \"некоторые национальные символы\"...","type":"atomic:image","key":"88nuv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"},{"length":31,"offset":0,"style":"ITALIC"}],"text":"Следующим идёт структура сайта:","type":"unstyled","key":"cimp2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"},{"length":8,"offset":9,"style":"ITALIC"},{"length":24,"offset":126,"style":"ITALIC"},{"length":6,"offset":154,"style":"ITALIC"},{"length":6,"offset":0,"style":"BOLD"},{"length":7,"offset":126,"style":"BOLD"},{"length":8,"offset":142,"style":"BOLD"},{"length":9,"offset":133,"style":"UNDERLINE"},{"length":34,"offset":179,"style":"STRIKE"}],"text":" - \"голова\", контейнер, для какой-то технической информации, которая не отображается визуально на сайте. Кроме элемента Заголовок. В пишутся мета теги (пока что, о них я ничего не знаю).","type":"unordered-list-item","key":"dlf82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"ITALIC"},{"length":8,"offset":26,"style":"ITALIC"},{"length":7,"offset":0,"style":"BOLD"}],"text":" - закрывающий тег \"головы\", не обязателен.","type":"unordered-list-item","key":"e19pp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"},{"length":6,"offset":9,"style":"ITALIC"},{"length":6,"offset":0,"style":"BOLD"}],"text":" - \"тело\", контейнер, для визуальной части веб страницы. Сюда пишется всё, что будет отображаться на странице сайта.","type":"unordered-list-item","key":"8pmeh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"ITALIC"},{"length":6,"offset":27,"style":"ITALIC"},{"length":7,"offset":0,"style":"BOLD"}],"text":" - закрывающий тег \"тела\", не обязателен. ","type":"unordered-list-item","key":"4bv16"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":60,"offset":0,"style":"BOLD"},{"length":60,"offset":0,"style":"ITALIC"}],"text":"Вот, это было самое лёгкое! Далее идут различные теги, типа:","type":"unstyled","key":"9uap7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"},{"length":22,"offset":0,"style":"ITALIC"},{"length":6,"offset":27,"style":"ITALIC"},{"length":8,"offset":34,"style":"ITALIC"}],"text":" - (meta - metadata - метаданные), метатег с атрибутом кодировки, что бы не было такого:","type":"unordered-list-item","key":"97jt9"},{"data":{"image":{"id":"5e2d67c7cddb71692148ddf3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Неправильная кодировка html документа.","type":"atomic:image","key":"7d03u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"e2v4f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"},{"length":18,"offset":0,"style":"ITALIC"},{"length":5,"offset":22,"style":"ITALIC"},{"length":5,"offset":66,"style":"ITALIC"}],"text":"... - (title — название, заголовок), имя/заголовок html документа. Используется только один заголовок на один документ. Отображается так:","type":"unordered-list-item","key":"1a9ng"},{"data":{"image":{"id":"5e2d69b28d5b5f00adca59c3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это всё заголовки html документов Сообщения","type":"atomic:image","key":"58i82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"50kkf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"},{"length":16,"offset":23,"style":"BOLD"},{"length":37,"offset":40,"style":"BOLD"},{"length":8,"offset":132,"style":"BOLD"},{"length":5,"offset":174,"style":"BOLD"},{"length":8,"offset":219,"style":"BOLD"},{"length":5,"offset":320,"style":"BOLD"},{"length":22,"offset":0,"style":"ITALIC"},{"length":16,"offset":23,"style":"ITALIC"},{"length":37,"offset":40,"style":"ITALIC"},{"length":8,"offset":132,"style":"ITALIC"},{"length":5,"offset":147,"style":"ITALIC"},{"length":5,"offset":174,"style":"ITALIC"},{"length":8,"offset":219,"style":"ITALIC"},{"length":6,"offset":245,"style":"ITALIC"},{"length":5,"offset":320,"style":"ITALIC"}],"text":"

...

, , ,

...

- это строительные элементы. Могу только сказать, что

- это шапка страницы или сайта,

- это тег для какой-то там навигации,