This is my code for a project for my class. I want to add a background image to
ID: 3730365 • Letter: T
Question
This is my code for a project for my class. I want to add a background image to the webpage. The image should not be in a "tiles" pattern and it should not move as I scroll up the webpage. Can someone please help me and tell me where and how I can add a background image. The name for my image is wallpaper.jpg.
<!DOCTYPE html>
<html>
<head>
<!--
About Us
Date: March 14, 2018
Filename: index.html
-->
<h2 id="top"></h2>
<title> About Us </title>
</head>
<body>
<p>
<img src="aroma.jpg" alt="Aroma" width="800" height="200" />
<br/>
<a href="index.html"> About Us </a>
<a href="menu.html"> Our Menu </a>
<a href="occasions.html"> Occasions and Reservations </a>
</p>
<h1>
Welcome
</h1>
<font size="6">
<p>
<center><img src="http://www.shopcoralgables.com/files/2014/06/614399_453738047982374_2036924135_o.jpg" alt="dish" style:"float: right; margin: 0 0 5 15" width:"300" height="500"/></center>
<br>
Welcome to <span> Aroma </span> a unique restaurant with affordable price at the heart of Queens, New York City. We prepare the most delicious dishes. Once you visit<span> Aroma </span> and taste our dishes, you wouldn't resist to come back again. </p>
<p> <span> Aroma </span> is open 7 days a week including holidays. However, the store hours are different during holidays.
<p><b><u>Store Hours</u></b></p>
<ul>
<li> Monday to Friday: 8 AM to 11 PM </li>
<li> Weekend: 9 AM to 10 PM </li>
<li> Holidays: 8:30 AM to 9 PM </li>
<li> Occasions and Events: 8 AM to Midnight </li>
</ul>
<hr/>
<address>
<font size="6">Aroma •
156-11 Aguiler Avenue •
Flushing, NY 11367 •
1 (347) 667-1848 </font>
<br>
<a href="#top">Top of the Page</a>
</address>
</body>
</html>
Explanation / Answer
Here, I only modified the body code and add height = 100% that is scaled the wallpaper.jpg image to 100% height.
Code:-
<!DOCTYPE html>
<html>
<head>
<!--
About Us
Date: March 14, 2018
Filename: index.html
-->
<h2 id="top"></h2>
<title> About Us </title>
</head>
<body
>
<p>
<img src="aroma.jpg" alt="Aroma" width="800" height="200" />
<br/>
<a href="index.html"> About Us </a>
<a href="menu.html"> Our Menu </a>
<a href="occasions.html"> Occasions and Reservations </a>
</p>
<h1>
Welcome
</h1>
<font size="6">
<p>
<center><img src="http://www.shopcoralgables.com/files/2014/06/614399_453738047982374_2036924135_o.jpg" alt="dish" style:"float: right; margin: 0 0 5 15" width:"300" height="500"/></center>
<br>
Welcome to <span> Aroma </span> a unique restaurant with affordable price at the heart of Queens, New York City. We prepare the most delicious dishes. Once you visit<span> Aroma </span> and taste our dishes, you wouldn't resist to come back again. </p>
<p> <span> Aroma </span> is open 7 days a week including holidays. However, the store hours are different during holidays.
<p><b><u>Store Hours</u></b></p>
<ul>
<li> Monday to Friday: 8 AM to 11 PM </li>
<li> Weekend: 9 AM to 10 PM </li>
<li> Holidays: 8:30 AM to 9 PM </li>
<li> Occasions and Events: 8 AM to Midnight </li>
</ul>
<hr/>
<address>
<font size="6">Aroma •
156-11 Aguiler Avenue •
Flushing, NY 11367 •
1 (347) 667-1848 </font>
<br>
<a href="#top">Top of the Page</a>
</address>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.