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 '#'.


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.
5. On the web view each of the following web sites. Write a short summary of...
5. On the web view each of the following web sites. Write a short summary of your understanding of each. rumkin.com program to test several types of coding. Rate each one on strength. https://youtu.be/SAAflrIp__E https://youtu.be/-yFZGF8FHSg https://youtu.be/uK8DXrTEK-U BY SEEING THE YOUTUBE LINK VIDEOS WRITE A SHORT SUMMARY OF YOUR UNDERSTANDING FOR ALL THOSE 3 LINKS
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.
Write an HTML file that create the following web page. my first nested list steps of...
Write an HTML file that create the following web page. my first nested list steps of backing a cake Important notes: You should have to copy and paste the “HTML script” as your answer for this question. DON’T take screen shot for your HTML script. It must be editable script. Take a screen shot for your output web page and paste it as a part of your answer.
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.
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.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT