{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рекомендую скачать emmet, если он не установлен, он позволяет ввести сразу то, что нужно","type":"unstyled","key":"4r5q7"},{"data":{"image":{"id":"67ab82437ef27a7301c4c263"},"images":[{"id":"67ab82437ef27a7301c4c263"},{"id":"67ab824a9601912932720185"}],"contents":{"67ab824a9601912932720185":"Тег Emmet ","67ab82437ef27a7301c4c263":"Использование тега Emmet ","imageId":"Тег Emmet "}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Использование тега Emmet ","type":"atomic:image","key":"3npr8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Head и Body","type":"header-two","key":"65n9a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":25,"style":"BOLD"},{"length":4,"offset":32,"style":"BOLD"},{"length":5,"offset":38,"style":"BOLD"},{"length":5,"offset":113,"style":"BOLD"}],"text":"\nЕсть две основные части head и body:\nHead - информация, которая не видна пользователю, но ее использует браузер\nBody - информация, которая видна пользователю","type":"unstyled","key":"fuv1o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги и атрибуты","type":"header-two","key":"ek7kd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"},{"length":3,"offset":38,"style":"BOLD"},{"length":2,"offset":85,"style":"BOLD"},{"length":6,"offset":131,"style":"BOLD"},{"length":13,"offset":158,"style":"BOLD"}],"text":"h1 - h6 заголовки уровня на странице, h1 является основным, все остальное подуровни.\np - параграф, можно добавить абзацы с текстом\ntitle - заголовок страницы\nh1, p, title - это название тега, также может быть атрибут\nвнутри тега, в котором находится содержимое тега, например:\n","type":"unstyled","key":"14fam"},{"data":{"image":{"id":"67ab83ef95aafd618274999a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"мы открыли тег, написали содержимое тега, закрыли тег.","type":"atomic:image","key":"3l8t4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":10,"style":"BOLD"},{"length":7,"offset":36,"style":"BOLD"},{"length":4,"offset":80,"style":"BOLD"}],"text":"\nссылки в HTML добавляют с помощью \"\", у ссылки есть атрибут, называется href, можно вставить ссылку и будет переход:","type":"unstyled","key":"2246e"},{"data":{"image":{"id":"67ab8507f2e6e64df1c73be2"},"images":[{"id":"67ab8507f2e6e64df1c73be2"},{"id":"67ab85117ac30641555d1772"}],"contents":{"67ab85117ac30641555d1772":"","67ab8507f2e6e64df1c73be2":"=\"\"","imageId":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"=\"\"","type":"atomic:image","key":"4rloa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Относительные ссылки","type":"header-two","key":"323o7"},{"data":{"image":{"id":"67ab875e0f46fe536a2d8493"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7vcrj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С их помощью можно делать переход на другую страницу:","type":"unstyled","key":"1htuq"},{"data":{"image":{"id":"67ab87837e648f240944792a"},"images":[{"id":"67ab87837e648f240944792a"},{"id":"67ab878d822194337af7285d"},{"id":"67ab87923d680a2140ab34c4"},{"id":"67ab8798f2e6e64df1cc1bf1"}],"contents":{"67ab8798f2e6e64df1cc1bf1":" Еще я веду дзен, я указал на текущую папку и выполнился переход на другую папку, в данном случае с index.html на Gatel.html.\n","67ab87837e648f240944792a":" ","imageId":" "}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"atomic:image","key":"5s7e2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":15,"style":"BOLD"}],"text":"Я использовал \"Ещё я веду дзен\" для относительного перехода с index.html на Gatel.html по нажатию.","type":"unstyled","key":"qerh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Применение атрибута","type":"header-two","key":"773at"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":19,"style":"BOLD"},{"length":2,"offset":34,"style":"BOLD"}],"text":"Существует атрибут target у тега , с помощью которого можно задать поведение открывать в новой вкладке, либо же в этой вкладке.","type":"unstyled","key":"10nuk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":1,"style":"BOLD"},{"length":8,"offset":18,"style":"BOLD"}],"text":"\n_blank у атрибута target скажет браузеру, что нужно открывать ссылку в новом окне.","type":"unstyled","key":"2rnbk"},{"data":{"image":{"id":"67ab89c2f2e6e64df1d038e8"},"images":[{"id":"67ab89c2f2e6e64df1d038e8"},{"id":"67ab8a0bd7ac7b2c8d8891c1"}],"contents":{"67ab89c2f2e6e64df1d038e8":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5ue1d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":7,"style":"BOLD"},{"length":4,"offset":35,"style":"BOLD"},{"length":4,"offset":182,"style":"BOLD"},{"length":4,"offset":255,"style":"BOLD"}],"text":"У тега img есть два атрибута, один src (с помощью атрибута указывается путь до изображения, может отсылаться на картинку в рамку сайта, может отсылаться на изображение в интернете. Alt это альтернативный текст, не всегда может загрузиться изображение, и alt будет отображаться вместо изображения.","type":"unstyled","key":"6eo53"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":18,"style":"BOLD"},{"length":9,"offset":72,"style":"BOLD"}],"text":"Один из атрибутов width либо в процентах отображается, либо в пикселях,\nheight - высота изображения. Когда мы задаем и то, и другое, то будет записываться в ту ширину и высоту, которую записали.","type":"unstyled","key":"4520f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":56,"style":"BOLD"},{"length":4,"offset":86,"style":"BOLD"}],"text":"\nЧтобы изображение отображалась вверху, нужно перетащить img src в самое начала тега body, чтобы она была выше всего текста.","type":"unstyled","key":"4659s"},{"data":{"image":{"id":"67ab8c527e648f24094ca09d"},"images":[{"id":"67ab8c527e648f24094ca09d"},{"id":"67ab8c5ed7ac7b2c8d8c879a"}],"contents":{"67ab8c527e648f24094ca09d":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"93qgb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Два вида списков в HTML","type":"unstyled","key":"9g1sv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"упорядоченный( 1, 2, 3, 4 )","type":"ordered-list-item","key":"99kca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"неупорядоченный (идут друг за другом).","type":"ordered-list-item","key":"523dm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":6,"style":"BOLD"},{"length":4,"offset":47,"style":"BOLD"},{"length":4,"offset":86,"style":"BOLD"}],"text":" Тег

формирует упорядоченный список, тег

формирует неупорядоченный список,

означает лист элемента","type":"unstyled","key":"ev4eh"},{"data":{"image":{"id":"67ab8e4e3add0329c5592123"},"images":[{"id":"67ab8e4e3add0329c5592123"},{"id":"67ab8db14a1b912657d22db9"},{"id":"67ab8ddefe088f68d13cd292"}],"contents":{"67ab8ddefe088f68d13cd292":"использование тега