{"id":3260,"date":"2017-08-08T00:34:32","date_gmt":"2017-08-07T21:34:32","guid":{"rendered":"http:\/\/kamil-abzalov.com\/tutorials\/html-web-page-background\/"},"modified":"2020-04-08T21:36:56","modified_gmt":"2020-04-08T18:36:56","slug":"html-web-page-background","status":"publish","type":"post","link":"https:\/\/kamil-abzalov.com\/en\/tutorials\/html-css\/html-web-page-background\/","title":{"rendered":"HTML web page background"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_fullwidth_header title=&#8221;HTML web page background&#8221; content_max_width=&#8221;none&#8221; _builder_version=&#8221;3.16&#8243; button_one_letter_spacing_hover=&#8221;0&#8243; button_two_letter_spacing_hover=&#8221;0&#8243; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;0&#8243; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;0&#8243; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_dcsbcm_divi_breadcrumbs_module homebreadcrumbtext=&#8221;Home&#8221; hide_currentbreadcrumb=&#8221;off&#8221; _builder_version=&#8221;4.4.2&#8243; custom_padding=&#8221;0px|||&#8221; hover_enabled=&#8221;0&#8243; fontsbreadcrumbs_font_size_tablet=&#8221;51&#8243; fontsbreadcrumbs_line_height_tablet=&#8221;2&#8243; fontsseperator_font_size_tablet=&#8221;51&#8243; fontsseperator_line_height_tablet=&#8221;2&#8243; fontsbreadcrumblinks_font_size_tablet=&#8221;51&#8243; fontsbreadcrumblinks_line_height_tablet=&#8221;2&#8243;][\/et_pb_dcsbcm_divi_breadcrumbs_module][et_pb_text _builder_version=&#8221;3.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]In this lesson we&#8217;ll consider how to set background to web page. Also you will know, how to make responsive background.<br \/>\n[\/et_pb_text][et_pb_video src=&#8221;https:\/\/www.youtube.com\/watch?v=_U2ANrEvroE&#8221; _builder_version=&#8221;3.0.47&#8243;][\/et_pb_video][et_pb_text _builder_version=&#8221;3.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]In the end of lesson I offered homework to you. I would like you will make some experiments with background image and use for it javascript and jquery<br \/>\n[\/et_pb_text][et_pb_dmb_code_snippet title=&#8221;Code lesson (HTML)&#8221; code=&#8221;PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJVVEYtOCI+Cgk8dGl0bGU+RG9jdW1lbnQ8L3RpdGxlPgoJPHN0eWxlPgoJCWJvZHkgewoJCQliYWNrZ3JvdW5kOiB1cmwoY29yay5wbmcpOwoJCX0KCgkJI2NvbnRlbnQgewoJCQlmb250LXNpemU6IDUwcHg7CgkJfQoJPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KCQoKPGRpdiBpZD0iY29udGVudCI+CglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gT2JjYWVjYXRpIHNlcXVpIHZvbHVwdGF0ZSBkZXNlcnVudCBjb21tb2RpLCBjdW0gcmVjdXNhbmRhZSBxdW9kIGRvbG9yIGZ1Z2lhdCBwZXJzcGljaWF0aXMgZnVnaXQgbW9sZXN0aWFzLiBBdHF1ZSBub3N0cnVtLCB2b2x1cHRhdGVzIGVhcXVlIHN1bnQgdmVyaXRhdGlzIGFsaWFzIGRvbG9ydW0gb2JjYWVjYXRpIQoJTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIE9mZmljaWEgc2VxdWkgZG9sb3JlbXF1ZSByZXBlbGxlbmR1cywgb2RpdCBxdWFzLCBuZW1vIGNvbnNlcXV1bnR1ciBxdWlzIGRvbG9ydW0gdGVtcG9yYSBmdWdpdCBpdXN0by4gU2FlcGUgZG9sb3JpYnVzIHBhcmlhdHVyIHZpdGFlIGluLCBvZmZpY2lhIGlwc2FtIHZvbHVwdGF0ZXMgbm9iaXMuCglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gRXQgdmVuaWFtIGV4LCBwbGFjZWF0IHRlbmV0dXIgYWIgbGF1ZGFudGl1bSBjdW0gaWxsdW0uIEFjY3VzYW50aXVtIHZpdGFlIHJlaWNpZW5kaXMgaW1wZWRpdCBlbmltLCBkb2xvcmUuIEF0cXVlIGN1bXF1ZSwgZmFjaWxpcyBlaXVzIGxpYmVybyByZXByZWhlbmRlcml0LCBpbXBlZGl0LgoJTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIFJlcHVkaWFuZGFlIGRvbG9yLCBlYSEgT2ZmaWNpaXMgbm9zdHJ1bSByZXByZWhlbmRlcml0IG5lY2Vzc2l0YXRpYnVzIHZlbmlhbSBzdXNjaXBpdD8gUmF0aW9uZSB2ZXJpdGF0aXMgbWFnbmkgcXVhbSBjb25zZWN0ZXR1ciwgdGVtcG9yZSBuZXNjaXVudCBkb2xvcmVzLiBDdW0gb21uaXMgcGFyaWF0dXIgZG9sb3JlIGRvbG9yZW1xdWUhCglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gUmVwdWRpYW5kYWUgYXQgaXVyZSBxdWFzaSwgbm9iaXMgaXBzYW0gZXhjZXB0dXJpIG1hZ25pLiBWb2x1cHRhdGVtIGV4cGxpY2FibyBsYWJvcnVtIHNlcXVpLiBNYWlvcmVzIHRlbXBvcmUgZGVzZXJ1bnQgdm9sdXB0YXR1bSBldCBpcHNhbSBwcmFlc2VudGl1bSBzaW50IGN1bXF1ZSByYXRpb25lPwo8L2Rpdj4KCgo8IS0tIAoJ0KEg0L\/QvtC80L7RidGM0Y4gamF2YXNjcmlwdCAo0LgganF1ZXJ5KSDQvNC10L3Rj9GC0Ywg0YTQvtC9INC\/0YDQuCDQutC70LjQutC1INC90LAg0LrQvdC+0L\/QutGDICgyINC60L3QvtC\/0LrQuCkKCQktIDEt0LDRjyDQutC90L7Qv9C60LAg0YPRgdGC0LDQvdCw0LLQu9C40LLQsNC10YIg0L7QtNC40L0g0YTQvtC9CgkJLSAyLdCw0Y8g0LrQvdC+0L\/QutCwINCy0YLQvtGA0L7QuQoJCWFiemFsb3Y5MEBnbWFpbC5jb20KLS0+CgoKPC9ib2R5Pgo8L2h0bWw+&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430&#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;4.4.2&#8243; hover_enabled=&#8221;0&#8243;]PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJVVEYtOCI+Cgk8dGl0bGU+RG9jdW1lbnQ8L3RpdGxlPgoJPHN0eWxlPgoJCWJvZHkgewoJCQliYWNrZ3JvdW5kOiB1cmwoY29yay5wbmcpOwoJCX0KCgkJI2NvbnRlbnQgewoJCQlmb250LXNpemU6IDUwcHg7CgkJfQoJPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KCQoKPGRpdiBpZD0iY29udGVudCI+CglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gT2JjYWVjYXRpIHNlcXVpIHZvbHVwdGF0ZSBkZXNlcnVudCBjb21tb2RpLCBjdW0gcmVjdXNhbmRhZSBxdW9kIGRvbG9yIGZ1Z2lhdCBwZXJzcGljaWF0aXMgZnVnaXQgbW9sZXN0aWFzLiBBdHF1ZSBub3N0cnVtLCB2b2x1cHRhdGVzIGVhcXVlIHN1bnQgdmVyaXRhdGlzIGFsaWFzIGRvbG9ydW0gb2JjYWVjYXRpIQoJTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIE9mZmljaWEgc2VxdWkgZG9sb3JlbXF1ZSByZXBlbGxlbmR1cywgb2RpdCBxdWFzLCBuZW1vIGNvbnNlcXV1bnR1ciBxdWlzIGRvbG9ydW0gdGVtcG9yYSBmdWdpdCBpdXN0by4gU2FlcGUgZG9sb3JpYnVzIHBhcmlhdHVyIHZpdGFlIGluLCBvZmZpY2lhIGlwc2FtIHZvbHVwdGF0ZXMgbm9iaXMuCglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gRXQgdmVuaWFtIGV4LCBwbGFjZWF0IHRlbmV0dXIgYWIgbGF1ZGFudGl1bSBjdW0gaWxsdW0uIEFjY3VzYW50aXVtIHZpdGFlIHJlaWNpZW5kaXMgaW1wZWRpdCBlbmltLCBkb2xvcmUuIEF0cXVlIGN1bXF1ZSwgZmFjaWxpcyBlaXVzIGxpYmVybyByZXByZWhlbmRlcml0LCBpbXBlZGl0LgoJTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIFJlcHVkaWFuZGFlIGRvbG9yLCBlYSEgT2ZmaWNpaXMgbm9zdHJ1bSByZXByZWhlbmRlcml0IG5lY2Vzc2l0YXRpYnVzIHZlbmlhbSBzdXNjaXBpdD8gUmF0aW9uZSB2ZXJpdGF0aXMgbWFnbmkgcXVhbSBjb25zZWN0ZXR1ciwgdGVtcG9yZSBuZXNjaXVudCBkb2xvcmVzLiBDdW0gb21uaXMgcGFyaWF0dXIgZG9sb3JlIGRvbG9yZW1xdWUhCglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gUmVwdWRpYW5kYWUgYXQgaXVyZSBxdWFzaSwgbm9iaXMgaXBzYW0gZXhjZXB0dXJpIG1hZ25pLiBWb2x1cHRhdGVtIGV4cGxpY2FibyBsYWJvcnVtIHNlcXVpLiBNYWlvcmVzIHRlbXBvcmUgZGVzZXJ1bnQgdm9sdXB0YXR1bSBldCBpcHNhbSBwcmFlc2VudGl1bSBzaW50IGN1bXF1ZSByYXRpb25lPwo8L2Rpdj4KCgo8IS0tIAoJ0KEg0L\/QvtC80L7RidGM0Y4gamF2YXNjcmlwdCAo0LgganF1ZXJ5KSDQvNC10L3Rj9GC0Ywg0YTQvtC9INC\/0YDQuCDQutC70LjQutC1INC90LAg0LrQvdC+0L\/QutGDICgyINC60L3QvtC\/0LrQuCkKCQktIDEt0LDRjyDQutC90L7Qv9C60LAg0YPRgdGC0LDQvdCw0LLQu9C40LLQsNC10YIg0L7QtNC40L0g0YTQvtC9CgkJLSAyLdCw0Y8g0LrQvdC+0L\/QutCwINCy0YLQvtGA0L7QuQoJCWFiemFsb3Y5MEBnbWFpbC5jb20KLS0+CgoKPC9ib2R5Pgo8L2h0bWw+[\/et_pb_dmb_code_snippet][et_pb_comments _builder_version=&#8221;4.4.2&#8243; custom_margin=&#8221;30px||||false|false&#8221; hover_enabled=&#8221;0&#8243;][\/et_pb_comments][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this lesson we&#8217;ll consider how to set background to web page. Also you will know, how to make responsive background. In the end of lesson I offered homework to you. I would like you will make some experiments with background image and use for it javascript and jquery PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJVVEYtOCI+Cgk8dGl0bGU+RG9jdW1lbnQ8L3RpdGxlPgoJPHN0eWxlPgoJCWJvZHkgewoJCQliYWNrZ3JvdW5kOiB1cmwoY29yay5wbmcpOwoJCX0KCgkJI2NvbnRlbnQgewoJCQlmb250LXNpemU6IDUwcHg7CgkJfQoJPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KCQoKPGRpdiBpZD0iY29udGVudCI+CglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gT2JjYWVjYXRpIHNlcXVpIHZvbHVwdGF0ZSBkZXNlcnVudCBjb21tb2RpLCBjdW0gcmVjdXNhbmRhZSBxdW9kIGRvbG9yIGZ1Z2lhdCBwZXJzcGljaWF0aXMgZnVnaXQgbW9sZXN0aWFzLiBBdHF1ZSBub3N0cnVtLCB2b2x1cHRhdGVzIGVhcXVlIHN1bnQgdmVyaXRhdGlzIGFsaWFzIGRvbG9ydW0gb2JjYWVjYXRpIQoJTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIE9mZmljaWEgc2VxdWkgZG9sb3JlbXF1ZSByZXBlbGxlbmR1cywgb2RpdCBxdWFzLCBuZW1vIGNvbnNlcXV1bnR1ciBxdWlzIGRvbG9ydW0gdGVtcG9yYSBmdWdpdCBpdXN0by4gU2FlcGUgZG9sb3JpYnVzIHBhcmlhdHVyIHZpdGFlIGluLCBvZmZpY2lhIGlwc2FtIHZvbHVwdGF0ZXMgbm9iaXMuCglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gRXQgdmVuaWFtIGV4LCBwbGFjZWF0IHRlbmV0dXIgYWIgbGF1ZGFudGl1bSBjdW0gaWxsdW0uIEFjY3VzYW50aXVtIHZpdGFlIHJlaWNpZW5kaXMgaW1wZWRpdCBlbmltLCBkb2xvcmUuIEF0cXVlIGN1bXF1ZSwgZmFjaWxpcyBlaXVzIGxpYmVybyByZXByZWhlbmRlcml0LCBpbXBlZGl0LgoJTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIFJlcHVkaWFuZGFlIGRvbG9yLCBlYSEgT2ZmaWNpaXMgbm9zdHJ1bSByZXByZWhlbmRlcml0IG5lY2Vzc2l0YXRpYnVzIHZlbmlhbSBzdXNjaXBpdD8gUmF0aW9uZSB2ZXJpdGF0aXMgbWFnbmkgcXVhbSBjb25zZWN0ZXR1ciwgdGVtcG9yZSBuZXNjaXVudCBkb2xvcmVzLiBDdW0gb21uaXMgcGFyaWF0dXIgZG9sb3JlIGRvbG9yZW1xdWUhCglMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gUmVwdWRpYW5kYWUgYXQgaXVyZSBxdWFzaSwgbm9iaXMgaXBzYW0gZXhjZXB0dXJpIG1hZ25pLiBWb2x1cHRhdGVtIGV4cGxpY2FibyBsYWJvcnVtIHNlcXVpLiBNYWlvcmVzIHRlbXBvcmUgZGVzZXJ1bnQgdm9sdXB0YXR1bSBldCBpcHNhbSBwcmFlc2VudGl1bSBzaW50IGN1bXF1ZSByYXRpb25lPwo8L2Rpdj4KCgo8IS0tIAoJ0KEg0L\/QvtC80L7RidGM0Y4gamF2YXNjcmlwdCAo0LgganF1ZXJ5KSDQvNC10L3Rj9GC0Ywg0YTQvtC9INC\/0YDQuCDQutC70LjQutC1INC90LAg0LrQvdC+0L\/QutGDICgyINC60L3QvtC\/0LrQuCkKCQktIDEt0LDRjyDQutC90L7Qv9C60LAg0YPRgdGC0LDQvdCw0LLQu9C40LLQsNC10YIg0L7QtNC40L0g0YTQvtC9CgkJLSAyLdCw0Y8g0LrQvdC+0L\/QutCwINCy0YLQvtGA0L7QuQoJCWFiemFsb3Y5MEBnbWFpbC5jb20KLS0+CgoKPC9ib2R5Pgo8L2h0bWw+<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\u0414\u0430\u043d\u043d\u044b\u0439 \u0432\u0438\u0434\u0435\u043e \u0443\u0440\u043e\u043a \u043c\u044b \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c, \u043a\u0430\u043a \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0444\u043e\u043d html \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0412\u0441\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 css. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0444\u043e\u043d \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u043c \u0438 \u043a\u0430\u043a\u043e\u0439 \u043b\u0443\u0447\u0448\u0435 \u0444\u043e\u043d \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.<!--more-->\r\n\r\nhttps:\/\/www.youtube.com\/watch?v=_U2ANrEvroE\r\n\r\n\u0412 \u043a\u043e\u043d\u0446\u0435 \u0443\u0440\u043e\u043a\u0430 \u0434\u0430\u043b \u0443\u0432\u0430\u0436\u0430\u0435\u043c\u043e\u043c\u0443 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044e \u0434\u043e\u043c\u0430\u0448\u043d\u0435\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u0435, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441 \u0444\u043e\u043d\u043e\u043c \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 javascript \u0438 jquery.\r\n<strong>\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430:<\/strong>\r\n\r\n<pre><code><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Document<\/title>\r\n    <style>\r\n        body {\r\n            background: url(cork.png);\r\n        }\r\n\r\n        #content {\r\n            font-size: 50px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"content\">\r\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sequi voluptate deserunt commodi, cum recusandae quod dolor fugiat perspiciatis fugit molestias. Atque nostrum, voluptates eaque sunt veritatis alias dolorum obcaecati!\r\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia sequi doloremque repellendus, odit quas, nemo consequuntur quis dolorum tempora fugit iusto. Saepe doloribus pariatur vitae in, officia ipsam voluptates nobis.\r\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et veniam ex, placeat tenetur ab laudantium cum illum. Accusantium vitae reiciendis impedit enim, dolore. Atque cumque, facilis eius libero reprehenderit, impedit.\r\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae dolor, ea! Officiis nostrum reprehenderit necessitatibus veniam suscipit? Ratione veritatis magni quam consectetur, tempore nesciunt dolores. Cum omnis pariatur dolore doloremque!\r\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at iure quasi, nobis ipsam excepturi magni. Voluptatem explicabo laborum sequi. Maiores tempore deserunt voluptatum et ipsam praesentium sint cumque ratione?\r\n<\/div>\r\n\r\n\r\n<!-- \r\n    \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e javascript (\u0438 jquery) \u043c\u0435\u043d\u044f\u0442\u044c \u0444\u043e\u043d \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 (2 \u043a\u043d\u043e\u043f\u043a\u0438)\r\n        - 1-\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u043e\u0434\u0438\u043d \u0444\u043e\u043d\r\n        - 2-\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0432\u0442\u043e\u0440\u043e\u0439\r\n        abzalov90@gmail.com\r\n-->\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n<\/code><\/pre>","_et_gb_content_width":"","footnotes":""},"categories":[257,219],"tags":[259,243],"class_list":["post-3260","post","type-post","status-publish","format-standard","hentry","category-html-css","category-tutorials","tag-css-en","tag-html-en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML web page background - Kamil Abzalov&#039;s blog<\/title>\n<meta name=\"description\" content=\"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML web page background - Kamil Abzalov&#039;s blog\" \/>\n<meta property=\"og:description\" content=\"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kamabzalov\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-07T21:34:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-08T18:36:56+00:00\" \/>\n<meta name=\"author\" content=\"Kamil&#039; Abzalov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"HTML web page background\" \/>\n<meta name=\"twitter:description\" content=\"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.\" \/>\n<meta name=\"twitter:creator\" content=\"@kamabzalov\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kamil&#039; Abzalov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/\"},\"author\":{\"name\":\"Kamil' Abzalov\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\"},\"headline\":\"HTML web page background\",\"datePublished\":\"2017-08-07T21:34:32+00:00\",\"dateModified\":\"2020-04-08T18:36:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/\"},\"wordCount\":938,\"commentCount\":0,\"keywords\":[\"css\",\"html\"],\"articleSection\":[\"HTML and CSS\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/\",\"url\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/\",\"name\":\"HTML web page background - Kamil Abzalov's blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#website\"},\"datePublished\":\"2017-08-07T21:34:32+00:00\",\"dateModified\":\"2020-04-08T18:36:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\"},\"description\":\"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/html-page-background\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/kamil-abzalov.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML web page background\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#website\",\"url\":\"https:\\\/\\\/kamil-abzalov.com\\\/\",\"name\":\"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kamil-abzalov.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\",\"name\":\"Kamil' Abzalov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"caption\":\"Kamil' Abzalov\"},\"sameAs\":[\"https:\\\/\\\/kamil-abzalov.com\\\/\",\"https:\\\/\\\/www.facebook.com\\\/kamabzalov\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/kamabzalov\",\"https:\\\/\\\/x.com\\\/kamabzalov\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/kamabzalov\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML web page background - Kamil Abzalov's blog","description":"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/","og_locale":"en_US","og_type":"article","og_title":"HTML web page background - Kamil Abzalov's blog","og_description":"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.","og_url":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/","og_site_name":"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430","article_author":"https:\/\/www.facebook.com\/kamabzalov","article_published_time":"2017-08-07T21:34:32+00:00","article_modified_time":"2020-04-08T18:36:56+00:00","author":"Kamil' Abzalov","twitter_card":"summary_large_image","twitter_title":"HTML web page background","twitter_description":"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.","twitter_creator":"@kamabzalov","twitter_misc":{"Written by":"Kamil' Abzalov","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/#article","isPartOf":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/"},"author":{"name":"Kamil' Abzalov","@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600"},"headline":"HTML web page background","datePublished":"2017-08-07T21:34:32+00:00","dateModified":"2020-04-08T18:36:56+00:00","mainEntityOfPage":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/"},"wordCount":938,"commentCount":0,"keywords":["css","html"],"articleSection":["HTML and CSS","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/","url":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/","name":"HTML web page background - Kamil Abzalov's blog","isPartOf":{"@id":"https:\/\/kamil-abzalov.com\/#website"},"datePublished":"2017-08-07T21:34:32+00:00","dateModified":"2020-04-08T18:36:56+00:00","author":{"@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600"},"description":"Theme of this lesson is background rule in css. It is important to notice background must be correct in all devices.","breadcrumb":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/html-page-background\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/kamil-abzalov.com\/en\/"},{"@type":"ListItem","position":2,"name":"HTML web page background"}]},{"@type":"WebSite","@id":"https:\/\/kamil-abzalov.com\/#website","url":"https:\/\/kamil-abzalov.com\/","name":"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kamil-abzalov.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600","name":"Kamil' Abzalov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","caption":"Kamil' Abzalov"},"sameAs":["https:\/\/kamil-abzalov.com\/","https:\/\/www.facebook.com\/kamabzalov","https:\/\/www.linkedin.com\/in\/kamabzalov","https:\/\/x.com\/kamabzalov","https:\/\/www.youtube.com\/user\/kamabzalov"]}]}},"_links":{"self":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/3260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/comments?post=3260"}],"version-history":[{"count":7,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/3260\/revisions"}],"predecessor-version":[{"id":31792,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/3260\/revisions\/31792"}],"wp:attachment":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/media?parent=3260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/categories?post=3260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/tags?post=3260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}