{"draftJsState":{"blocks":[{"data":{"image":{"id":"60d34887460f590683d03b3b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4e0b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Привет, джуниор!","type":"unstyled","key":"b5k5g"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":6,"offset":10}],"inlineStyleRanges":[],"text":"В прошлой статье, мы поговорили о базой разметке html-страницы. Пора углубится в изучении тегов и наполнить нашу страницу контентом.","type":"unstyled","key":"at4ca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":1,"style":"BOLD"}],"text":"\nЗаголовки страниц","type":"unstyled","key":"ejm01"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":46,"style":"BOLD"},{"length":4,"offset":80,"style":"BOLD"},{"length":4,"offset":113,"style":"BOLD"},{"length":4,"offset":147,"style":"BOLD"},{"length":4,"offset":183,"style":"BOLD"},{"length":4,"offset":215,"style":"BOLD"}],"text":"Заголовки страниц создаются с помощью тегов: \n

- заголовок первого уровня; \n

- заголовок второго уровня;\n

- заголовок третьего уровня;\n

- заголовок четвертого уровня;\n

- заголовок пятого уровня;\n

- заголовок шестого уровня; ","type":"unstyled","key":"atcr9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отредактируйте код и обновите страницу","type":"unstyled","key":"fe2tr"},{"data":{"image":{"id":"60d475113b244319e56a043e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление заголовков в код","type":"atomic:image","key":"9mm6s"},{"data":{"image":{"id":"60d47569d0637e03a6ab390f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображение заголовков на странице","type":"atomic:image","key":"3a04u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":75,"style":"BOLD"}],"text":"Как вы могли заметить, все заголовки имеют жирный текст и разный размер. \n\nАбзацы","type":"unstyled","key":"fn3nu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":67,"style":"BOLD"}],"text":"Основным элементом для веб-страницы являются абзацы. Используя тег
- мы можем добавить абзац. Отредактируйте код и обновите страницу. ","type":"unstyled","key":"1nkm3"},{"data":{"image":{"id":"60d4775b3b244319e5724a76"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление тега абзаца в код","type":"atomic:image","key":"6aeqo"},{"data":{"image":{"id":"60d477db3b244319e5740ea9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображение абзаца на странице","type":"atomic:image","key":"evpv4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Ссылки","type":"unstyled","key":"8eoso"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":123,"style":"BOLD"},{"length":5,"offset":163,"style":"BOLD"}],"text":"Чтобы добавить ссылки на внешний источник (сайт) или выполнить переход между страницами сайта, необходимо использовать тег .\nУ ссылок есть обязательный атрибут href, используя этот атрибут, мы указываем странице адрес, куда мы хотим перейти. Отредактируйте код и обновите страницу.","type":"unstyled","key":"fenl6"},{"data":{"image":{"id":"60d479f54164827f89c50e67"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление тега ссылки в код","type":"atomic:image","key":"86udv"},{"data":{"image":{"id":"60d47a95d0637e03a6bc7381"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображение ссылки на странице.","type":"atomic:image","key":"eh22j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Изображение","type":"unstyled","key":"eglbp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":71,"style":"BOLD"},{"length":5,"offset":104,"style":"BOLD"},{"length":4,"offset":110,"style":"BOLD"},{"length":2,"offset":115,"style":"BOLD"},{"length":5,"offset":136,"style":"BOLD"},{"length":1,"offset":221,"style":"BOLD"},{"length":5,"offset":241,"style":"BOLD"},{"length":3,"offset":440,"style":"BOLD"}],"text":"Для добавления изображения на страницу необходимо воспользоваться тегом . Тег содержит два атрибута src и alt. \nВ значение атрибута src задают путь до картинки в папке проекта или url-адрес изображения из интернета. \nВ значение атрибута alt задают имя для изображения, на тот случай, когда браузер не может отобразить саму картинку. \nДля наглядности примера, скопируйте url любой картинки из интернета и поместите в значения атрибута src. \nОтредактируйте код и обновите страницу.","type":"unstyled","key":"55cq3"},{"data":{"image":{"id":"60d4811bd0637e03a6d1f635"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление тега изображения в код","type":"atomic:image","key":"ep7q"},{"data":{"image":{"id":"60d482d1d0637e03a6d78529"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображение картинки на странице","type":"atomic:image","key":"6anp0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":36,"style":"ITALIC"}],"text":"Обратите внимание, тег img является самозакрывающимся.","type":"unstyled","key":"a63oj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Списки","type":"unstyled","key":"1u0uq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":58,"style":"BOLD"},{"length":6,"offset":95,"style":"BOLD"},{"length":2,"offset":131,"style":"BOLD"},{"length":6,"offset":136,"style":"BOLD"}],"text":"Для создания списков в html используется несколько тегов: \n
- создает маркированный список.\n
- создает нумерованный список.\n\nТег
в обоих случаях, служит для создания элементов внутри списка.\nОтредактируйте код и обновите страницу. ","type":"unstyled","key":"ctmnb"},{"data":{"image":{"id":"60d484d101c59234cb2c2b49"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление списков и элементов в код","type":"atomic:image","key":"8trqp"},{"data":{"image":{"id":"60d488653b244319e5ae9703"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображение списков на странице","type":"atomic:image","key":"5j9j5"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":16,"offset":105}],"inlineStyleRanges":[],"text":"Сегодня мы изучили лишь малую часть различных тегов, которые используются при создании веб-страницы. \n\nВ следующей статье, познакомимся с CSS, что позволить нам визуально изменять нашу страницу. \n","type":"unstyled","key":"di9on"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До скорых встреч =)","type":"unstyled","key":"6co2n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3eofk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n ","type":"unstyled","key":"br6uf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4gsfs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5uut1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bo4r5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9kf9m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4i4pv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7aavf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n\n","type":"unstyled","key":"7s513"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n ","type":"unstyled","key":"2vhvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"3UwRtzWVl80J4U5vBeOo"}],"entityMap":{"0":{"data":{"url":"https://zen.yandex.ru/media/id/60cb4ed98103ab19f0710faf/html-struktura-vebstranicy-60d1efc0ccd9bc1c987df87d"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://zen.yandex.ru/media/id/60cb4ed98103ab19f0710faf/css-vvedenie-v-stilizaciiu-vebstranicy-60d5c39a2e894f511fbd3967"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}