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...
9. Create a Web page about your favorite musical group. Include the name of the group,...
9. Create a Web page about your favorite musical group. Include the name of the group, the individuals in the group, a hyperlink to the group’s Web site, your favorite three (or fewer if the group is new) CD releases, and a brief review of each CD. ● Use an unordered list to organize the names of the individuals. ● Use a definition list for the names of the CDs and your reviews. I would like it on Pink Floyd...
Generate a modest Web page via Python flask. It should include basic components of HTML. The...
Generate a modest Web page via Python flask. It should include basic components of HTML. The Web page should have at least three Headings(<h1>), a paragraph (<p>), comments (<!-- -->), ordered list, unordered list, three links to website, and should display time & date.
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...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT