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>