Add the Background image using background attribute <\/title><br\/> <\/head><br\/> <body background="http:\/\/www.wikitechy.com\/img\/logo.png"> Wikitechy <br> Html Tutorial <br> This is wikitechy logo. <br><br><\/body><br\/><\/html><\/code><\/pre> <\/div>\n<p><strong>Output :<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4326 aligncenter\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png\" alt=\"\" width=\"1273\" height=\"886\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png 1273w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-300x209.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-1024x713.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-768x535.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-390x271.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-820x571.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-1180x821.png 1180w\" sizes=\"(max-width: 1273px) 100vw, 1273px\" \/><\/p>\n<p>\u00a0<\/p>\n<h3 id=\"b-using-internal-style-sheet\"><strong>b. Using internal style sheet<\/strong><\/h3>\n<ul>\n<li>Open the existing HTML file in the text editor in which we want to use the background attribute or we have to type the Html code in any text editor.<\/li>\n<li>In HTML document we have to place the cursor in the\u00a0<strong><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/head-tag-in-html\">head<\/a> tag<\/strong> and define the starting and closing tag of the\u00a0<a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/style-tag-in-html\"><strong><style> <\/strong><\/a>tag as shown in the following block.<\/li>\n<li>In style tag, we have to type the element body and, then type the\u00a0<strong>background-image<\/strong><\/li>\n<li>In text editor, we have to save the Html code and run the code.<\/li>\n<li>we will see the image specified in the html document as a background of the web page, after execution.<\/li>\n<\/ul>\n<p><strong>For example,<\/strong><\/p>\n<div class=\"code-embed-wrapper\"> <div class=\"code-embed-infos\"> <\/div> <pre class=\"language-markup code-embed-pre line-numbers\" data-start=\"1\" data-line-offset=\"0\"><code class=\"language-markup code-embed-code\"><!DOCTYPE html><br\/><html><br\/> <head><br\/> <style><br\/> body {<br\/> background-image: url("http:\/\/www.wikitechy.com\/img\/logo.png");<br\/> }<br\/> <\/style><br\/> <\/head><br\/> <body> This is wikitechy logo! <\/body><br\/><\/html><\/code><\/pre> <\/div>\n<p><strong>Output:<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-4327\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html.png\" alt=\"\" width=\"1272\" height=\"887\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html.png 1272w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-300x209.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-1024x714.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-768x536.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-390x272.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-820x572.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-1180x823.png 1180w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can easily add the background Image in the Html document which is to be displayed on a web page in HTML. In this method there are two following steps: a. Using the Background attribute: Open the existing HTML file in the text editor in which we want to use the background attribute or we […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17079],"tags":[17270,17273,17275,17268,17271,17272,17274,17267,17269],"class_list":["post-4325","post","type-post","status-publish","format-standard","hentry","category-web-designing","tag-background-image-css","tag-how-do-i-put-an-image-at-the-background-of-my-website","tag-how-to-add-an-image-background-image-in-html","tag-how-to-add-an-image-as-background-image-of-a-web-page","tag-how-to-add-background-image-in-html","tag-how-to-implement-a-background-image-in-html","tag-how-to-set-a-background-image-in-html","tag-how-to-set-background-image-of-a-webpage","tag-html-background-images"],"yoast_head":"\n<title>How to set background image of a webpage ? - HTML Background Images<\/title>\n<meta name=\"description\" content=\"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to set background image of a webpage ? - HTML Background Images\" \/>\n<meta property=\"og:description\" content=\"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Wikitechy\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-06T06:06:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\"},\"author\":{\"name\":\"webmaster\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\"},\"headline\":\"How to set background image of a webpage ?\",\"datePublished\":\"2022-05-06T06:06:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\"},\"wordCount\":379,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"keywords\":[\"background-image - CSS\",\"How do I put an image at the background of my website?\",\"How to Add an Image & Background Image in HTML\",\"How to add an image as background image of a web page\",\"How to add Background Image in Html\",\"How to Implement a Background Image in HTML\",\"How to Set a Background Image in HTML\",\"How to set background image of a webpage?\",\"HTML Background Images\"],\"articleSection\":[\"Web Designing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\",\"name\":\"How to set background image of a webpage ? - HTML Background Images\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"datePublished\":\"2022-05-06T06:06:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\"},\"description\":\"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"contentUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"width\":1273,\"height\":886},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#website\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/\",\"name\":\"Wikitechy\",\"description\":\"Interview Questions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\"],\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/author\\\/webmaster\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"How to set background image of a webpage ? - HTML Background Images","description":"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.","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:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","og_locale":"en_US","og_type":"article","og_title":"How to set background image of a webpage ? - HTML Background Images","og_description":"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.","og_url":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","og_site_name":"Wikitechy","article_published_time":"2022-05-06T06:06:12+00:00","og_image":[{"url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","type":"","width":"","height":""}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webmaster","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#article","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/"},"author":{"name":"webmaster","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"headline":"How to set background image of a webpage ?","datePublished":"2022-05-06T06:06:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/"},"wordCount":379,"commentCount":0,"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","keywords":["background-image - CSS","How do I put an image at the background of my website?","How to Add an Image & Background Image in HTML","How to add an image as background image of a web page","How to add Background Image in Html","How to Implement a Background Image in HTML","How to Set a Background Image in HTML","How to set background image of a webpage?","HTML Background Images"],"articleSection":["Web Designing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","url":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","name":"How to set background image of a webpage ? - HTML Background Images","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage"},"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","datePublished":"2022-05-06T06:06:12+00:00","author":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"description":"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage","url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","contentUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","width":1273,"height":886},{"@type":"WebSite","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website","url":"https:\/\/www.wikitechy.com\/interview-questions\/","name":"Wikitechy","description":"Interview Questions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/www.wikitechy.com\/interview-questions"],"url":"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/comments?post=4325"}],"version-history":[{"count":1,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4325\/revisions"}],"predecessor-version":[{"id":4328,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4325\/revisions\/4328"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/media?parent=4325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/categories?post=4325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/tags?post=4325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>

       Add the Background image using background attribute <\/title><br\/>  <\/head><br\/>  <body background="http:\/\/www.wikitechy.com\/img\/logo.png"> Wikitechy <br> Html Tutorial <br> This is wikitechy logo. <br><br><\/body><br\/><\/html><\/code><\/pre> <\/div>\n<p><strong>Output :<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4326 aligncenter\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png\" alt=\"\" width=\"1273\" height=\"886\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png 1273w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-300x209.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-1024x713.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-768x535.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-390x271.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-820x571.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images-1180x821.png 1180w\" sizes=\"(max-width: 1273px) 100vw, 1273px\" \/><\/p>\n<p>\u00a0<\/p>\n<h3 id=\"b-using-internal-style-sheet\"><strong>b. Using internal style sheet<\/strong><\/h3>\n<ul>\n<li>Open the existing HTML file in the text editor in which we want to use the background attribute or we have to type the Html code in any text editor.<\/li>\n<li>In HTML document we have to place the cursor in the\u00a0<strong><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/head-tag-in-html\">head<\/a> tag<\/strong> and define the starting and closing tag of the\u00a0<a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/style-tag-in-html\"><strong><style> <\/strong><\/a>tag as shown in the following block.<\/li>\n<li>In style tag, we have to type the element body and, then type the\u00a0<strong>background-image<\/strong><\/li>\n<li>In text editor, we have to save the Html code and run the code.<\/li>\n<li>we will see the image specified in the html document as a background of the web page, after execution.<\/li>\n<\/ul>\n<p><strong>For example,<\/strong><\/p>\n<div class=\"code-embed-wrapper\"> <div class=\"code-embed-infos\"> <\/div> <pre class=\"language-markup code-embed-pre line-numbers\"  data-start=\"1\" data-line-offset=\"0\"><code class=\"language-markup code-embed-code\"><!DOCTYPE html><br\/><html><br\/>  <head><br\/>    <style><br\/>      body {<br\/>        background-image: url("http:\/\/www.wikitechy.com\/img\/logo.png");<br\/>      }<br\/>    <\/style><br\/>  <\/head><br\/>  <body> This is wikitechy logo! <\/body><br\/><\/html><\/code><\/pre> <\/div>\n<p><strong>Output:<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-4327\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html.png\" alt=\"\" width=\"1272\" height=\"887\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html.png 1272w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-300x209.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-1024x714.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-768x536.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-390x272.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-820x572.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/how-to-add-background-image-in-html-1180x823.png 1180w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can easily add the background Image in the Html document which is to be displayed on a web page in HTML. In this method there are two following steps: a. Using the Background attribute: Open the existing HTML file in the text editor in which we want to use the background attribute or we […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17079],"tags":[17270,17273,17275,17268,17271,17272,17274,17267,17269],"class_list":["post-4325","post","type-post","status-publish","format-standard","hentry","category-web-designing","tag-background-image-css","tag-how-do-i-put-an-image-at-the-background-of-my-website","tag-how-to-add-an-image-background-image-in-html","tag-how-to-add-an-image-as-background-image-of-a-web-page","tag-how-to-add-background-image-in-html","tag-how-to-implement-a-background-image-in-html","tag-how-to-set-a-background-image-in-html","tag-how-to-set-background-image-of-a-webpage","tag-html-background-images"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to set background image of a webpage ? - HTML Background Images<\/title>\n<meta name=\"description\" content=\"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to set background image of a webpage ? - HTML Background Images\" \/>\n<meta property=\"og:description\" content=\"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Wikitechy\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-06T06:06:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\"},\"author\":{\"name\":\"webmaster\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\"},\"headline\":\"How to set background image of a webpage ?\",\"datePublished\":\"2022-05-06T06:06:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\"},\"wordCount\":379,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"keywords\":[\"background-image - CSS\",\"How do I put an image at the background of my website?\",\"How to Add an Image & Background Image in HTML\",\"How to add an image as background image of a web page\",\"How to add Background Image in Html\",\"How to Implement a Background Image in HTML\",\"How to Set a Background Image in HTML\",\"How to set background image of a webpage?\",\"HTML Background Images\"],\"articleSection\":[\"Web Designing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\",\"name\":\"How to set background image of a webpage ? - HTML Background Images\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"datePublished\":\"2022-05-06T06:06:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\"},\"description\":\"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/web-designing\\\/how-to-set-background-image-of-a-webpage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"contentUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/html-background-images.png\",\"width\":1273,\"height\":886},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#website\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/\",\"name\":\"Wikitechy\",\"description\":\"Interview Questions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\"],\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/author\\\/webmaster\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to set background image of a webpage ? - HTML Background Images","description":"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.","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:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","og_locale":"en_US","og_type":"article","og_title":"How to set background image of a webpage ? - HTML Background Images","og_description":"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.","og_url":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","og_site_name":"Wikitechy","article_published_time":"2022-05-06T06:06:12+00:00","og_image":[{"url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","type":"","width":"","height":""}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webmaster","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#article","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/"},"author":{"name":"webmaster","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"headline":"How to set background image of a webpage ?","datePublished":"2022-05-06T06:06:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/"},"wordCount":379,"commentCount":0,"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","keywords":["background-image - CSS","How do I put an image at the background of my website?","How to Add an Image & Background Image in HTML","How to add an image as background image of a web page","How to add Background Image in Html","How to Implement a Background Image in HTML","How to Set a Background Image in HTML","How to set background image of a webpage?","HTML Background Images"],"articleSection":["Web Designing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","url":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/","name":"How to set background image of a webpage ? - HTML Background Images","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage"},"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","datePublished":"2022-05-06T06:06:12+00:00","author":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"description":"How to set background image of a webpage ? - We can easily add the background Image in the Html document which is to be displayed on a web page.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/how-to-set-background-image-of-a-webpage\/#primaryimage","url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","contentUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/05\/html-background-images.png","width":1273,"height":886},{"@type":"WebSite","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website","url":"https:\/\/www.wikitechy.com\/interview-questions\/","name":"Wikitechy","description":"Interview Questions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/www.wikitechy.com\/interview-questions"],"url":"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/comments?post=4325"}],"version-history":[{"count":1,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4325\/revisions"}],"predecessor-version":[{"id":4328,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4325\/revisions\/4328"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/media?parent=4325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/categories?post=4325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/tags?post=4325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}