Scribd
Upload
10 views3 pages

Lab 2

Uploaded by

Mostafa Hazem Mostafa attia
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views3 pages

Lab 2

Uploaded by

Mostafa Hazem Mostafa attia
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Web Programming – 2023/2024

Lab 2

1) Create a webpage using HTML for a travelling advisor website


that contain a title and subtitle and use <i>,<b>,<pre>,<u> to
manipulate the content of your elements also add images of
different travelling sites and use <div> to show them inline and
display another images with their title above them and
description below and use <map> to link them to websites with
more information about that destination then add <footer> with
information about the company and add <li> for the company
partners and finally add a sign-up link to the sign-up page.
Web Programming – 2023/2024
Lab 2

Answer:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel</title>
</head>
<body>
<a href="signup.html">SIGN UP</a>
<center>
<h1><i>Travel Destinations</i></h1>
<h2><i>Explore Adventures</i></h2>
<pre>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis aute irur
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.</p>
</pre>
<div>
<img src="4.jpg" width="200" height="100">
<img src="5.jpg" width="200" height="100">
<img src="3.jpg" width="200" height="100">
<img src="2.jpg" width="200" height="100">
<img src="6.jpg" width="200" height="100">
<img src="7.jpg" width="200" height="100">
</div>
<h3><b><u>Maldive</u></b></h3>
<img src="1.jpg" usemap="#m" width="500" height="200">
<p>iquip ex ea commodo consequat.<br> Duis aute irure dolor in
<br>reprehenderit in
voluptate velit esse cillum dolore eu fu</p>

<h3><b><u>Desert</u></b></h3>
<img src="2.jpg" usemap="#d" width="500" height="200">
<p>iquip ex ea commodo consequat.<br> Duis aute irure dolor in
<br>reprehenderit in
Web Programming – 2023/2024
Lab 2

voluptate velit esse cillum dolore eu fu</p>

<h3><b><u>Forest</u></b></h3>
<img src="3.jpg" usemap="#f" width="500" height="200">
<p>iquip ex ea commodo consequat.<br> Duis aute irure dolor in
<br>reprehenderit in
voluptate velit esse cillum dolore eu fu</p>

<map name="m">
<area shape="rect" coords="34,44,270,350" alt="m"
href="https://www.adventure.travel/">
<map name="d">
<area shape="rect" coords="34,44,270,350" alt="d"
href="https://www.adventure.travel/">
<map name="f">
<area shape="rect" coords="34,44,270,350" alt="f"
href="https://www.adventure.travel/">

<hr>
<footer>
Contact number:015263925 <br>
Email address:[email protected] <br>
Adress: 1 street gfgvgj
</footer>
</center>
<hr>
<h3>Our Partners</h3>
<ul>
<li>Partner 1</li>
<li>Partner 2</li>
<li>Partner 3</li>

</ul>
</body>
</html>

You might also like