HTML Image Background
HTML Tutorial » HTML Image Background
If you want to have the entire page background image, you must specify the background img on the <body> element:
Syntax:
<body style="background-image:url()">
Note: If the image is too small, then " background-repeat:repeat" should be added under style
HTML Image Background - examples
Example:
Example 1 HTML Image Background - example:
<!DOCTYPE html>
<html>
<head>
<title>HTML Image Background - example</title>
</head>
<body style="background-image:url(http://hdwbay.com/wp-content/uploads/2019/05/super-nature-Lake-Wallpaper.jpg)">
<h1>To this page we add Image Background under body - example</h1>
<a href="https://www.agernic.com/html-tutorial/html-image-size.html">
<img src="https://www.agernic.com/uploads/html-img-tag.jpg" alt="html image tag"> <br />
<a/>
<h2>HTML Image link to another page - example</h2>
<a href="https://www.agernic.com">
<img src="https://www.agernic.com/uploads/html-img-tag.jpg" alt="html image tag"> <br />
<a/>
</body>
</html>
HTML Image Background fit to full screen - examples
If the image is too small, then background-repeat: repeat should be added to <body>
Example:
Example 2 HTML Image Background fit to full screen - examples:
<!DOCTYPE html>
<html>
<head>
<title>HTML Image Background fit to full screen - examples</title>
</head>
<body style="background-image:url(https://i.pinimg.com/236x/55/30/f3/5530f3ad6f38bffa401188c7f2bee743.jpg);
background-repeat:repeat;">
<h1>HTML Image Background fit to full screen - example</h1>
<p>If the image is too small, then background-repeat: repeat should be added </p>
</body>
</html>
html background image full screen, fit to screen
HTML Image Background - html tutorial
Online Editor
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
HTML Templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
CSS HTML Layout
Find here examples of creative and unique website layouts.
Free CSS HTML Menu
Find here examples of creative and unique website CSS HTML menu.