Basics of Web Design: Html5 & Css3
Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
bartleby

Concept explainers

Question
Book Icon
Chapter 12, Problem 2HOE
Program Plan Intro

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>.
  • Close the file using </html> tag.

Expert Solution & Answer
Check Mark
Program Description Answer

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>

Sample Output

Output:

Screenshot of the webpage

Basics of Web Design: Html5 & Css3, Chapter 12, Problem 2HOE

Want to see more full solutions like this?

Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
What are the benefits of using a file system-based website over an HTTP-based website?
What benefits does using a file system-based website as opposed to an HTTP-based website have over the other options?
The Marketing team of InstantStay wants to create mailing lists for the users. However, they need a single string which consists of all emails of the users combined (delimited) with a ",". You need to create a procedure called EmailList which uses a CURSOR that iteratively collects the email addresses in the USERS table and appends them to the string value. In addition, run the procedure and return back them the email list. 9 SQL Viewer Task Create a procedure to collect emails formatted as a mailing list. 0.00 out of 10.00 >
Knowledge Booster
Background pattern image
Computer Science
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Text book image
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Text book image
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
Text book image
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Text book image
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Text book image
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education