Question

In: Computer Science

Write the XHTML code for a short Web page. Include the following along with the usual...

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.

Solutions

Expert Solution

<?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>


Related Solutions

Write the XHTML code for a short Web page. Include the following along with the usual...
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.
1 -​Create the code to generate a default web page. The contents of this page should...
1 -​Create the code to generate a default web page. The contents of this page should be Your​​Name, right justified
n this assignment, you will need to code a Web page that will allow a user...
n this assignment, you will need to code a Web page that will allow a user to enter their first and last names and indicate how many pets they have, if any. If they have pets, the user will be able to list up to three of their names. You will code validations on some of the fields and display error messages on the page when a field does not pass the validation test. If all the data entered is...
2 -​Create the code to generate a web page that contains a table. The table should...
2 -​Create the code to generate a web page that contains a table. The table should have 4 ​columns and 4 rows. Each cell should be 100 pixels wide by 100 pixels high. The border ​should be 2 ​pixels.
I need to write a journal for my internship as an frontend web developer along with...
I need to write a journal for my internship as an frontend web developer along with few backend job. please help. it has to be 2 pages long and double spaced
Write a one page summary and include a diagram of the architecture.
Write a one page summary and include a diagram of the architecture.
Please Write Code in C++ and include the correct #include <header> and not a catchall such...
Please Write Code in C++ and include the correct #include <header> and not a catchall such as bits/stdc: Write a recursive, string-valued function, replace, that accepts a string and returns a new string consisting of the original string with each blank replaced with an asterisk (*) Replacing the blanks in a string involves: Nothing if the string is empty Otherwise: If the first character is not a blank, simply concatenate it with the result of replacing the rest of the...
Debug3-4.css You’ve been given the initial HTML and CSS code for this web page, but there...
Debug3-4.css You’ve been given the initial HTML and CSS code for this web page, but there are several errors in the CSS stylesheet. Use your knowledge of CSS to locate and fix the errors. The body element should have a width that is 90% of the width of the browser window ranging from a minimum of 600 pixels up to a maximum of 1024 pixels. Fix the syntax errors in the body style rule that defines the width of the...
Choose to write a one-page short essay on one of the following topics: 1. What is...
Choose to write a one-page short essay on one of the following topics: 1. What is BETA? Provide examples of why investors should pay attention to a stock's beta. 2. Read about the Optimal Portfolio on an investing website like Investopedia or Wikipedia. Should every optimal portfolio contain some amount of the “riskless asset” as indicated by the theory?
Pick the following topics, research it, and write a short essay/long paragraph (about a page and...
Pick the following topics, research it, and write a short essay/long paragraph (about a page and a half). Your research must be backed up by solid sources. peer reviewed sources . In all cases, you must use correct in-text citations and provide a bibliography. Must a be peer reviewed source Swimming with dolphins helps autistic kids
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT