Название страницы

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":25,"style":"BOLD"},{"length":44,"offset":97,"style":"BOLD"}],"text":"Здравствуйте, уважаемые подписчики и гости канала «Советы в Дзен»! В этом уроке мы расскажем, Как сделать картинку фоном в html через CSS.","type":"header-two","key":"59e5s"},{"data":{"embedData":{"type":"yandex-efir","stringParams":"vzPiiCrmY73w"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"edssa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":66,"style":"BOLD"},{"length":6,"offset":161,"style":"BOLD"},{"length":3,"offset":193,"style":"BOLD"}],"text":"Это не такая сложная задача, как может показаться. Посмотрев наш видео-урок для начинающих (выше) вы поймете, как можно быстро задать фоновое изображение вашего html документа используя стили CSS.","type":"unstyled","key":"do9ql"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":108,"offset":0,"style":"ITALIC"}],"text":"Если что-либо в нашем видео-уроке будет непонятно, задавайте вопросы в комментариях, мы обязательно ответим!","type":"blockquote","key":"55hon"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9vk74"},{"data":{"image":{"id":"602d0be1ae93e667d277ac4e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3sgqn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, чтобы сделать картинку фоном в html через css , необходимо сделать следующее:","type":"header-two","key":"fdtgu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":133,"style":"BOLD"}],"text":"Открываем, или создаем новый html файл. Для этого используем какой-либо текстовый, или html -редактор. Для примера мы воспользуемся Adobe Dreamweaver.","type":"ordered-list-item","key":"8i9qd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":41,"style":"BOLD"}],"text":"Добавлять фоновую картинку мы будем через CSS стили (тег style). Прописываем код страницы, как показано в нашем видео-уроке. Для удобства, код страницы мы разместим внизу статьи.","type":"ordered-list-item","key":"8ndi1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":33,"style":"BOLD"},{"length":12,"offset":78,"style":"BOLD"}],"text":"Задаем стиль «телу» нашего сайта (body). Указываем параметры фонового рисунка (background).","type":"ordered-list-item","key":"69va2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вначале задаем адрес нашей картинку, которую мы будем использовать в качестве фонового изображения.","type":"ordered-list-item","key":"6cnu7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":50,"style":"BOLD"},{"length":8,"offset":104,"style":"BOLD"},{"length":10,"offset":147,"style":"BOLD"},{"length":11,"offset":176,"style":"BOLD"}],"text":"Затем указываем, будет ли картинка без повторения (no-repeat), будет ли фон «залит» картинкой полностью (repeat), будет повторяться по горизонтали (repeat-x), или по вертикали (repeat- y)","type":"ordered-list-item","key":"98h55"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также, далее мы можем указать отступ нашей фоновой картинки от краев","type":"ordered-list-item","key":"c2j4o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код используемый в видео-уроке:","type":"header-three","key":"9r4ja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8vrrs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2tbaf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"4mkem"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"5hcem"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Название страницы","type":"blockquote","key":"bhpeh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"6cnab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"7es8d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"dqfs7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"c908g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"c4c0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробнее о тегах и их атрибутах мы расскажем в наших новых видео-уроках.","type":"header-three","key":"at4up"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Готово! теперь вы знаете как сделать картинку фоном в html через css.","type":"header-two","key":"dcqgl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cgr70"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":81,"offset":0,"style":"ITALIC"}],"text":"#html #тег #обучение #урок #картинка #изображение #вставить #код #background #фон","type":"unstyled","key":"b9tqt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"DUqF7WfxMS5ppDbksY3A"}],"entityMap":{}},"mentions":[]}