Basics of Web Design: Html5 & Css3
Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
Question
Book Icon
Chapter 10, Problem 1HOE
Program Plan Intro

a.

Program Plan:

  • Include the HTML tag using <html>.
    • Include the header tag using <head>.
      • Include the title on the webpage using <title> tag.
      • Include the user name field using <label> tag.
    • Close the header tag using </head>.
  • Close the file using </html> tag.

Expert Solution
Check Mark
Program Description Answer

The HTML code for creating a webpage that accepts the user name with maximum length of 30 digits is as follows:

Explanation of Solution

Program:

<!--HTML Tag-->

<html>

  <!--Head Tag-->

<head>

  <!--Title Tag-->

  <title>Web Page Design</title>

  <!--Label Tag for Username-->

<label>Username: <input type="text" name="name" id="name" required="required"></label>

  <!--Close Tag-->

</head>

<!--Close Tag-->

</html>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 1

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 2

Program Plan Intro

b.

Program Plan:

  • Include the HTML tag using <html>.
    • Include the header tag using <head>.
      • Create the button for Sunday.
      • Create the button for Monday.
      • Create the button for Tuesday.
      • Create the button for Wednesday.
      • Create the button for Thursday.
      • Create the button for Friday.
      • Create the button for Saturday.
    • Close the header tag using </head>.
  • Close the file using </html> tag.

Expert Solution
Check Mark
Program Description Answer

The HTML code for creating a webpage that includes group of radio buttons and used for voting the favorite day is as follows:

Explanation of Solution

Program:

<!--HTML Tag-->

<html>

  <!--Head Tag-->

<head>

  <!--Title Tag-->

  <title>Web Page Design</title>

  <!--Create the button for Sunday-->

<input type="radio" name="favDay" id="favSun" value="Sun">Sunday

  <!--Break the line-->

<br>

  <!--Create the button for Monday-->

<input type="radio" name="favDay" id="favMon" value="Mon">Monday

  <!--Break the line-->

<br>

  <!--Create the button for Tuesday-->

<input type="radio" name="favDay" id="favTues" value="Tues">Tuesday

  <!--Break the line-->

<br>

  <!--Create the button for Wednesday-->

<input type="radio" name="favDay" id="favWed" value="Wed">Wednesday

  <!--Break the line-->

<br>

  <!--Create the button for Thursday-->

<input type="radio" name="favDay" id="favThu" value="Thur">Thursday

  <!--Break the line-->

<br>

  <!--Create the button for Friday-->

<input type="radio" name="favDay" id="favFr" value="Fri">Friday

  <!--Break the line-->

<br>

  <!--Create the button for Saturday-->

<input type="radio" name="favDay" id="favSat" value="Sat">Saturday

  <!--Break the line-->

<br>

  <!--Close Tag-->

</head>

<!--Close Tag-->

</html>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 3

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 4

Program Plan Intro

c.

Program Plan:

  • Include the HTML tag using <html>.
    • Include the header tag using <head>.
      • Include the title on the webpage using <title> tag.
      • Include the required options.
    • Close the header tag using </head>.
  • Close the file using </html> tag.

Expert Solution
Check Mark
Program Description Answer

The HTML code for creating a webpage that allows the user to select his/her favorite social networking website is as follows:

Explanation of Solution

Program:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

  <!--Title Tag-->

  <title>Web Page Design</title>

  <!--Selection Tag-->

  <select name="favSNS" id="favSNS" >

<option value="none selected">Select your favorite Social Networking Site</option>

<!--Include different options-->

  <option value="Instagram">Instagram</option>

  <option value="Facebook">Facebook</option>

  <option value="LinkedIn">LinkedIn</option>

  <!--Close Tag-->

</select>

  <!--Close Tag-->

</head>

<!--Close Tag-->

</html>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 5

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 6

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 7

Program Plan Intro

d.

Program Plan:

  • Include the HTML tag using <html>.
    • Include the header tag using <head>.
      • Include the title on the webpage using <title> tag.
      • Include the fieldset using <fieldset> tag.
      • Include the legendusing <legend> tag.
      • Include the required inputs.
    • Close the header tag using </head>.
  • Close the file using </html> tag.

Expert Solution
Check Mark
Program Description Answer

The HTML code for creating a webpage that includes the data related to billing address is as follows:

Explanation of Solution

Program:

<!--HTML Tag-->

<html>

  <!--Head Tag-->

<head>

  <!--Title Tag-->

  <title>Web Page Design</title>

  <!--Fieldset Tag-->

<fieldset>

  <!--Legend Tag-->

  <legend>Billing Address</legend>

<!--Inputs-->

Address Line 1: <input type="text" name="AddressLine1" id="AddressLine1">

<br>

Address Line 2: <input type="text" name="AddressLine2" id="AddressLine2">

<br>

  City: <input type="text" name="city" id="city">

<br>

State: <input type="text" name="state" id="state">

<br>

  Zip: <input type="text" name="zip" id="zip">

  <!--Close Tag-->

</fieldset>

  <!--Close Tag-->

</head>

<!--Close Tag-->

</html>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 8

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 9

Explanation of Solution

e.

Program:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

  <!--Title Tag-->

  <title>Web Page Design</title>

<!--Input-->

  <input type="hidden" name="userid" id="userid" >

  <!--Close Tag-->

</head>

<!--Close Tag-->

</html>

Explanation:

Here, the webpage is created which includes the hidden form control using the name of userid. The webpage code uses input type for including the hidden form control with name of userid.

Program Plan Intro

f.

Program Plan:

  • Include the HTML tag using <html>.
    • Include the header tag using <head>.
      • Include the title on the webpage using <title> tag.
      • Include the required input.
    • Close the header tag using </head>.
  • Close the file using </html> tag.

Expert Solution
Check Mark
Program Description Answer

The HTML code for creating a webpage that includes password form control with password’s name is as follows:

Explanation of Solution

Program:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

  <!--Title Tag-->

  <title>Web Page Design</title>

<!--Input-->

<input type="password" name=" password" id=" password" >

  <!--Close Tag-->

</head>

<!--Close Tag-->

</html>

Sample Output

Output:

Screenshot of the Webpage

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 10

Basics of Web Design: Html5 & Css3, Chapter 10, Problem 1HOE , additional homework tip 11

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!
Previous
Chapter 10, Problem 10RQ
Next
Chapter 10, Problem 2HOE

Chapter 10 Solutions

Basics of Web Design: Html5 & Css3

Ch. 10 - Prob. 1RQCh. 10 - Prob. 2RQCh. 10 - Prob. 3RQCh. 10 - Prob. 4RQCh. 10 - Prob. 5RQCh. 10 - Prob. 6RQCh. 10 - Prob. 7RQCh. 10 - Prob. 8RQCh. 10 - Prob. 9RQCh. 10 - Prob. 10RQ
Ch. 10 - Prob. 1HOECh. 10 - Prob. 2HOECh. 10 - Prob. 3HOECh. 10 - Prob. 4HOECh. 10 - Prob. 1FWDCh. 10 - Prob. 2FWD
Knowledge Booster
Background pattern image
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
SEE MORE TEXTBOOKS