{"draftJsState":{"blocks":[{"data":{"image":{"id":"68203664d568643f0a615518"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат нашего урока","type":"atomic:image","key":"9or6v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Привет всем! Сегодня мы изучим тег img. Вы можете добавлять изображения на свой сайт с помощью элемента img. Элементы img имеют открывающий тег без закрывающего тега. Элемент без закрывающего тега называется элементом void.","type":"unstyled","key":"eglre"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавьте элемент img под элементом p. Если добавить пустой тег img, то никакое изображение не будет отображаться в браузере.","type":"unstyled","key":"4gtpm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте теперь возьмем какую нибудь картинку (я предпочитаю сгенерировать новую с помощью нейросети) и сохраним её в папке нашего приложения (если вы ещё не создали отдельную папку для приложения, то её нужно создать и файл index.html, как и наша картинка, должны располагаться в этой папке. Теперь давайте в теге укажем имя нашей картинки, например так:","type":"unstyled","key":"6605b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"95deh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ниже приведен полный код нашей страницы:","type":"unstyled","key":"9vnec"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1kr1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"118kn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"an6r1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8ccuq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"81fmt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"bm9gf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"8ou9j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Приложение \"Котята\"

","type":"blockquote","key":"csbpr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Фото котят

","type":"blockquote","key":"fin6t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7n2g4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Все любят милых маленьких котят!

","type":"blockquote","key":"7imnj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"6nm9s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"f1a8v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"dqcnq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"c550d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если вы всё сделали правильно, то после сохранения и открытия страницы в браузере вы увидите страничку, примерно как на скрине выше. Надеюсь, у вас все получилось.","type":"unstyled","key":"8nh9v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"3jPCTlOIqRVvTUe3AzuP"}],"entityMap":{}},"mentions":[]}