I am creating a webpage for a class project. I have a folder which has the index
ID: 3735329 • Letter: I
Question
I am creating a webpage for a class project. I have a folder which has the index page and the details page. I also have pictures in that same folder that I used in the index and details page. I want to know how can I display the photos on the other computers without transferring the photos?
here is a code
<!DOCTYPE html>
<html>
<head>
<!--
Midterm Project - Our Own Restaurant
Professor Archibald
New York City College of Technology
Menu
Author: Sujoy Sarkar
Date: March 14, 2018
Filename: menu.html
-->
<h2 id="top"></h2>
<title> Menu </title>
</head>
<body></body>
<p>
<img src="aroma.png" alt="Aroma" width="800" height="200" />
<br/>
<a href="index.html"> About Us </a>
<a href="menu.html"> Menu </a>
<a href="occasions.html"> Occasions and Reservations </a>
</p>
<h1>
<style>
table, th, td {
border: 1px solid black;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
<center>Our Menu </center>
</h1>
<font size="6">
<p>
<center><img src="http://hospibuz.com/wp-content/uploads/2017/11/food-liquor-restaurant-dine-meal-1280-720-770x433-1.jpg" alt="dish" style:"float: right; margin: 0 0 5 15" width:"300" height="500"/></center>
<br>
<center><h2>Aroma</h2></center>
<center><p>Since 2018</p></center>
<table>
<tr>
<th colspan="2">SOUP</th>
</tr>
<tr>
<th>Dishes</th>
<th>Price</th>
</tr>
<tr>
<td>Chicken Soup</td>
<td>$6.95</td>
</tr>
<tr>
<td>Chicken Corn Soup</td>
<td>$6.50</td>
</tr>
<tr>
<td>Vegetable Soup</td>
<td>$6.00</td>
</tr>
<tr>
<td>Chicken Spicy Soup</td>
<td>$7.00</td>
</tr>
<tr>
<td>Vegetable Spicy / Regular Soup</td>
<td>$6.50</td>
</tr>
</table>
<hrcolor: rgb(153,102,102); background-color: rgb(153,102,102); clear:
right"/>
<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>
In the code, aroma.png is a photo that is saved in my flash drive. What can I do so my professor can open and see the photos without having to send her the photos.
Explanation / Answer
//if you have any query then comment below.please rate the answer
Answer;-
If you want to show your image in other computer systems then you have to put that image in any hosted server or online storage like Dropbox, then put the absolute path of that image in your code, then it will show to all the system whether you open your project.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.