Concept explainers
Program Plan:
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the background color using <bgcolor=""> tag.
- Include the title on the webpage using <title> tag.
- Include the style using <style> tag.
- Include the footer using <footer>.
- Close the style tag using </style>.
- Close the header tag using </head>.
- Include the body tag using <body>.
- Include the heading to be displayed in the webpage using <h1> </h1> tag pair.
- Include the ordered list using <ol><li> and </li></ol> tag pair.
- Include the hyperlink of required website using <a> tag.
- Include the main using <main> tag.
- Include the table using <table> tag.
- Close the table using </table> tag.
- Close the main using </main> tag.
- Close the body tag using </body>.
- Include the header tag using <head>.
- Close the file using </html> tag.
The following program code describes about the webpage that includes the information about the hosting websites.
Explanation of Solution
Program:
<!--HTML Tag-->
<html lang="en">
<!--Alignment for background color-->
<body bgcolor="#E6E6FA">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Hosting Websites</title>
<meta charset="utf-8">
<!--Style Tag-->
<style type="text/css">
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
#holder{
min-height: 100%;
position:relative;
}
#body{
padding-bottom: 350px; /* height of footer */
}
<!--Alignment for footer-->
footer{
height: 100px;
width:100%;
position: absolute;
left: 0;
bottom: 0;
}
<!--Close Tag-->
</style>
<!--Close Tag-->
</head>
<!--Alignment for Body Tag-->
<body>
<!--Alignment for Header Tag-->
<h1>Hosting Websites</h1>
<!--Alignment for Ordered List Tag-->
<ol>
<li><a href="https://www.1and1.com/web-hosting?ac=OM.US.US469K02463T2103a&PID=1238355&cjevent=5d9fba366d7a11e880c101b60a180513">1&1 Web Hosting</a></li>
<li><a href="https://in.godaddy.com/offers/web-hosting?isc=cjc1hos5&utm_source=cj&utm_medium=affiliate&utm_campaign=xx-xx_corp_affiliate_base&utm_content=Opie+Marketing_1132585&tgt=1238355">GoDaddy</a></li>
<li><a href="https://www.hostpapa.com/lp/hosting-review-discount-pricing?_ga=2.124435724.70132745.1528723092-1100687200.1528723092">HostPapa</a></li>
<!--Close Tag-->
</ol>
<!--Alignment for Header Tag-->
<h1>Table for Hosting Websites</h1>
<!--Alignment for Main Tag-->
<main>
<!--Alignment for Table-->
<table style="width:40%">
<tr>
<th>Table of Contents</th>
<th>1&1 Web Hosting</th>
<th>GoDaddy</th>
<th>HostPapa</th>
</tr>
<tr>
<td>Setup Fees(in rupees)</td>
<td>66.7755</td>
<td>99</td>
<td>266.4275</td>
</tr>
<tr>
<td>Monthly Fees (in rupees)</td>
<td>538.9255</td>
<td>449</td>
<td>538.9255</td>
</tr>
<tr>
<td>Domain Name Registration Costs</td>
<td>Free</td>
<td>Free</td>
<td>Free</td>
</tr>
<tr>
<td>Amount of Disk Space</td>
<td>100GB</td>
<td>100GB</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Type of E-commerce Package</td>
<td>Basic</td>
<td>Economy</td>
<td>Starter</td>
</tr>
<tr>
<td>Cost of E-commerce Package</td>
<td>538.9255</td>
<td>449</td>
<td>538.9255</td>
</tr>
<!--Close Tag-->
</table>
<!--Close Tag-->
</main>
<!--Alignment for footer-->
<div id="holder">
<div id="body"></div>
<!-- email link attachment -->
<br>
<A HREF="mailto:name@mydomain.comCli">xyz@gmail.com</A>
<p>Name:XYZ</p>
</div>
<!--Close Tag-->
</body>
<!--Close Tag-->
</html>
Output:
Screenshot of the webpage
Want to see more full solutions like this?
- Using a file system-based website rather than an HTTP-based website has what advantages over the other options?arrow_forwardWhat benefits does using a file system-based website over an HTTP-based website have over the other options?arrow_forwardWhat are the advantages of utilizing a website based on a file system as opposed to an HTTP-based website?arrow_forward
- How many Web sites can you think of that usecrowdsourcing, that is, have nonemployeesprovide the value?arrow_forwardExplain the concept of WebAssembly and its role in web development. Provide examples of scenarios where WebAssembly can be advantageous.arrow_forwardjust make a table like this by using HTML, put all information like exactly in the table like in the photo, don't change any thing I'm okay with same tablearrow_forward
- Explain the process of web caching and its significance in improving web performance. What are the different types of caching mechanisms commonly used in web development?arrow_forwardExplain the significance of wireframing in the early stages of web development.arrow_forwardWhy is a file system-based website better than an HTTP-based one?arrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education