In: Computer Science
Write the XHTML code for a short Web page. Include the following along with the usual HTML and BODY tags. You can use whatever hyperlinks and image URLs you want. (other than distasteful sites, that is!)
A title
Email link
A graphic (gif or jpg) Hyperlink(s) to other sites.
Heading
A list (can be unnumbered, numbered, etc…)
A background color or a background image.
please do not copy the previous answer.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en">
<head>
<title>XHTML
Demo</title>
<style type="text/css">
#nav{
margin:
auto;
list-style-type:
none;
display:
inline-block;
}
#nav li{
float:
left;
margin-right:
5px;
}
#nav li a{
text-decoration:
none;
}
#nav li a:hover{
color:red;
}
.icons{
width:
50px;
height:
50px;
}
</style>
</head>
<body style="background-image:
url('http://fullhdwall.com/wp-content/uploads/2017/08/Nice-Light-Abstract.jpg');">
<h1 style="text-align:
center;">Welcome</h1>
<ul id="nav">
<li>
<a href="https://www.google.com/"
title="Google">
<img
src="https://findicons.com/files/icons/2002/apollo/59/google.png"
class="icons" />
</a>
</li>
<li>
<a
href="https://www.wikipedia.org/">
<img
src="https://findicons.com/files/icons/111/popular_sites/128/wikipedia_globe_icon.png"
class="icons" />
</a>
</li>
<li>
<a href="https://www.youtube.com/">
<img
src="https://findicons.com/files/icons/825/chrome_social_media/70/chrome_youtube.png"
class="icons" />
</a>
</li>
</ul>
<hr />
<p style="text-align:
right;">Click <a href="mailto:abc.xyz">here</a> to
send the mail</p>
<hr />
<div>
<img
src="https://media.giphy.com/media/l0HlBaC5Kp9cXZDTa/giphy.gif"
width="300" height="200" />
<h2>An
ordered list</h2>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
</div>
<hr />
<div>
<img
src="https://factfile.org/wp-content/uploads/2014/11/Facts-about-Abstract-Art.jpg"
width="300" height="200" />
<h2>An
Unordered List</h2>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</body>
</html>