{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":5,"offset":53}],"inlineStyleRanges":[],"text":"Если вы не видели начало курса то начинайте читать с этой статьи","type":"unstyled","key":"9lusj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И я приветствую всех в 1 части статьи посвященной языку программирования HTML. В прошлой части мы установили редактор кода и весь необходимый софт.","type":"unstyled","key":"dte06"},{"data":{"image":{"id":"60539b603729ca110eee523b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Фото для обложки (взято с просторов интернета)","type":"atomic:image","key":"2bo33"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":5,"offset":279}],"inlineStyleRanges":[],"text":"И так приступим. Я сейчас не много расскажу о самом языке, постараюсь как можно проще. На этом языке написаны все сайты, к примеру яндекс дзен написан на html, но в нём также есть элементы CSS и Java Script (Их мы изучим позже). В общем без html не обходится не один сайт. Вот здесь можно всё очень подробно прочитать про html.","type":"unstyled","key":"a5vq2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ну приступим.... Открываем Visual Studio Code. Открываем наш файлик, который мы создали мы прошлом уроке. Переходим на английский язык и нажимаем комбинацию клавиш Shift и цифру 1, далее Enter","type":"unstyled","key":"2envr"},{"data":{"image":{"id":"604dc9da6c861f010786b8ac"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Переходим на английский язык и зажимаем шифт и цифру 1 и жмём энтер","type":"atomic:image","key":"dvbrl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И видим такое","type":"unstyled","key":"1ec7n"},{"data":{"image":{"id":"604dc9fb126a3d455addfef3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С этого начинается каждая страница ","type":"atomic:image","key":"3aql7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тут трогать в основном ничего не надо","type":"unstyled","key":"bem08"},{"data":{"image":{"id":"604dcbde011181447bbb8bf6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тут всё подробно описано,остальное торгать не надо.","type":"atomic:image","key":"93vdg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ну, приступим:\nВ html бывают 2 типа тегов - парные и непарные, к примеру, этот тег парный < p >,а этот - нет < img src = \"\" alt = \"\" >","type":"unstyled","key":"arhse"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь подробнее о каждом. Парный тег имеет открывающую часть

а, закрывающий отличается только что в нём есть slash

.","type":"unstyled","key":"cbs2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Непарный имеет только открывающую часть < img src = \"\" alt = \"\" > как этот. ","type":"unstyled","key":"8qqqi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1 тег который мы узнаем будет обозначать заголовок верхнего уровня

вот он они бывают шести типов от h1 до h6. И следующий тег он тоже парный

, он означает параграф и, как вы поняли, он тоже парный. Изучим последний тег и уже напишем страницу и этот тег будет непарным < img src = \"\" alt = \"\" > вот он.","type":"unstyled","key":"9hli4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь отточим свои умения. Напишем сайт где будет 1 заголовок верхнего уровня

.заголовок

параграф
, и 1 картинка напишите про что вы хотите я буду писать про Cessna 172 (это самолёт) ","type":"unstyled","key":"cp7jv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":70,"offset":0,"style":"BOLD"}],"text":" И как добавить фото на сайт смотрите эти 2 видео","type":"unstyled","key":"9u1su"},{"data":{"embedData":{"type":"yandex-zen-video","uuid":"v6i4G7whEIhk","previewImageData":{"id":"604fa5a9aaa39e47e9d02a54","namespace":"zen_doc","groupId":4520400,"imageName":"pub_604fa461d3283e6cff56326a_604fa5a9aaa39e47e9d02a54","meta":{"mainColor":"#F8F8F8","origFormat":"JPEG"}}}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"a30c0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"И 2 способ","type":"unstyled","key":"fb91q"},{"data":{"embedData":{"type":"yandex-zen-video","uuid":"vf-InpKg-Ln8","previewImageData":{"id":"6050f74c768caf5b69968526","namespace":"zen_doc","groupId":3986597,"imageName":"pub_6050f705150a5a65fb1afe72_6050f74c768caf5b69968526","meta":{"mainColor":"#181818","origFormat":"JPEG"}}}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"f7lo6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И ещё, в visual studio code в верхней панели надо выбрать file и поставить галочку на против, если у вас её нет Auto save","type":"unstyled","key":"1d0t3"},{"data":{"image":{"id":"604dcfc2126a3d455ae94872"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"58fjj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всё, теперь можете писать код","type":"unstyled","key":"26i2d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом открываете с помощью Live Server","type":"unstyled","key":"3sdal"},{"data":{"image":{"id":"6053982553791e021b7e3e3b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Жметё правую кнопку мыши и жмете Open With Live Server ","type":"atomic:image","key":"etotd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"dm19g"},{"data":{"image":{"id":"604dd07daf41a366416a9397"},"contents":{"604dd07daf41a366416a9397":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2eut5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так получилось у меня.","type":"unstyled","key":"5taa9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот мой код","type":"unstyled","key":"ctvrc"},{"data":{"image":{"id":"605398749b23db779b8995b8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ссылка на картинку будет отличатся","type":"atomic:image","key":"vl4n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот наша 1 статья по HTML подходит к концу. Я надеюсь, что у вас всё получилось, а если нет - то пишите в комментарии свои проблемы, вместе их разберем.","type":"unstyled","key":"egneb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3igcr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f8to2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"57ar4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4ep29"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9c6hj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"52vca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9rjmr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"Qpy6UufS0lFudEVz59f2"}],"entityMap":{"0":{"data":{"url":"https://zen.yandex.ru/media/id/5f232493bba2fe229dc16b76/ustanovka-visual-studio-i-vseh-neobhodimyh-rasshirenii-60492094013fe76fa3ae2e83"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://ru.wikipedia.org/wiki/HTML"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}