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.

Solutions

Expert Solution

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
        <head> 
                <title>A Simple web page design using xhtml</title> <!-- to give title to our web page -->
        </head> 
        <body bgcolor="#f1f1f1"> <!-- to apply background color to our web page -->
                <!-- to include image in our web page aligned to center -->
                <center><img src="file:///C:/Users/Sunny's/Desktop/panda.jpg" height="200" width="200"></img></center>
                <!-- to include a normal style of some text in our web page -->
                <div style="color:#090;font-size:45px; 
                                font-weight:bold;text-align:center; 
                                margin-bottom:-25px;">Welcome to the world of Pandas
                </div> 
                <p style="text-align:center;font-size:20px;color: #090;"> 
                                A very cute Animal</p> 
                <p style="text-align:center;font-size:20px;color: #090;"> 
                You can search more about Pandas on Google:<br></br>
                <!-- to include a dummy hyperlink to our web page -->
                <a style=" text-decoration: none;color:#090;"href="#">Google Pandas!! </a> 
                </p> 
                <div style="color: #090;font-size: 20px;">
                        <h2>Foods a Panda love!!</h2>
                        <!-- to provide an unordered list to our web page -->
                    <ul>
                         <li>Apple</li>
                         <li>Green leaf</li>
                         <li>Moon cake</li>
                         <li>Bamboo</li>
                         <li>Milk</li>
                    </ul>
                    <hr></hr>
                    <h5>Bye!!</h5>
        </div>
        
        <img src="https://miro.medium.com/max/2550/1*6d5dw6dPhy4vBp2vRW6uzw.png" height="100" width="100">
        </body> 
</html>

Web page will look like this:

Code explainations:

We have used XHTML along with some basic HTML tags like title,head,body etc.

In XHTML we should close each opened tag and also should use all the tags and attributes in lowercase only,because XHTML is a case sensetive.

Now as per the question requirments I have included some <p> paragraphs tags,some <h> heading tags,some <img> images tags,some <a> anchor tag to link other page to this page, also used <ul> unordered list tag to list some data in list format.

Also I have applied inline css to some of the  part of web page for making its looks good.

In this web page we can include many more things if you want to add more things you can drop your message in comment box.

Note: In the image part I have included some of images from my local system, but we can also include the images from internet by just copy the image path and paste them in your <img src="path">.

also I have included dummy link in hyperlink part of webpage we can even include the link of other webpage of our local system in this webpage or can also link other sites by simply copy their address link from address bar of their web site and can put this in place of '#'.

venereology answered 1 year ago
Next > < Previous

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. please do not copy the previous answer.
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
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT