Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 9, Problem 5HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Close the header tag using </head>.
- Open the style tag using<style>.
- Include the alignment for form tag.
- Include the alignment for label tag.
- Includes the alignment for legend and fieldset tags.
- It also includes alignment of textarea.
- Also includes alignment of body tag, holder tag, and footer tag.
- Include the alignment for form tag.
- Close the style tag using </style>.
- Open the body of the web page using <body> tag.
- Includes the alignment of the div tag using <div>.
- Music Survey is set as header using <h1> tag.
- Open the form tag using <form> using the post method.
- Includes alignment of label tag using <label>
- It takes the input for name, email, birthdate.
- Create submit and reset buttons.
- Close the form tag using </form>.
- It takes the input for name and email.
- Open fieldset tag using <fieldset>.
- Open legend tag using <legend>.
- Take input in the form of checkbox by using input type= “checkbox”.
- Close the fieldset and legend tags using </fieldset> and </label>.
- Open fieldset tag using <fieldset>.
- Open legend tag using <legend>.
- Take input in the form of radio button by using input type= “radio”.
- Close the fieldset and legend tags using </fieldset> and </label>.
- Create a select list using <select> tag.
- Alignment for text area using <textarea> tag.
- Close the div tag using </div>.
- Open the div tag using <div>
- Include the email link attachment.
- Close the div tag using </div> tag.
- Includes the alignment of the div tag using <div>.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
HTML PROJECT
Design a webpage that contains a form with the following:
A text field “Name” to input your name
A text field “Phone Number” that accepts your contact number
Using Java script do the following validations:
The name entered must not be more than 10 characters
Check whether the input in the Phone Number field is a number
If both validations are successful then pop up an alert message “Constraints passed”.
Dream Car Web Page Form: You need to create a web site in HTML format.
You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value.
The web page will have input fields for the following information:
First Name
Last Name
Date
Address
Favorite Car (text area)
Your webpage should be designed in a logical manner and be well organized.
Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.
Chapter 9 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 9.4 - Prob. 1CPCh. 9.4 - Prob. 2CPCh. 9.4 - Prob. 3CPCh. 9.6 - Prob. 1CPCh. 9.6 - Describe the purpose of the access key attribute...Ch. 9.6 - Prob. 3CPCh. 9.8 - Prob. 1CPCh. 9.8 - Prob. 2CPCh. 9 - Prob. 1MCCh. 9 - Prob. 2MC
Ch. 9 - Prob. 3MCCh. 9 - Prob. 4MCCh. 9 - Prob. 5MCCh. 9 - Prob. 6MCCh. 9 - Prob. 7MCCh. 9 - Prob. 8MCCh. 9 - Prob. 9MCCh. 9 - Prob. 10MCCh. 9 - Prob. 11MCCh. 9 - Prob. 12FIBCh. 9 - Prob. 13FIBCh. 9 - Prob. 14FIBCh. 9 - Prob. 15SACh. 9 - Prob. 1AYKCh. 9 - Prob. 2AYKCh. 9 - Prob. 3AYKCh. 9 - Prob. 1HOECh. 9 - Prob. 2HOECh. 9 - Prob. 3HOECh. 9 - Prob. 4HOECh. 9 - Prob. 5HOECh. 9 - Prob. 1WRCh. 9 - Prob. 2WRCh. 9 - Prob. 3WRCh. 9 - Prob. 1FWD
Knowledge Booster
Similar questions
- Using React create a header component that displays a logo and company name. It should be able to welcome a user to the site or ask them to sign in, depending on boolean input. Create a landing page component that tells the user about the company. Create a product component that displays information about the products that the company sells. Edit your existing App.js file so that it displays the header component, the landing page component and at least three product components. Use an array of values and props to do this. Pass props to the header component to specify whether the user is logged in or not.arrow_forwardQ2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…arrow_forwardWhile examining a web form and the JavaScript source code for it, you notice that a function that changes the text displayed in one part of the page is being executed every time you type or delete a letter or number in a text entry field labeled “Message,” instead of when you press the Tab key to move to the next form field. You correctly guess that _____. a. the function is being triggered when the form element labeled “Message” loses the focus b. the function must be triggered by a change event because input events do not apply to text entry boxes c. anonchangeevent handler has been applied to the form element labeled “Message” d. an event listener for theinputevent is attached to the form element labeled “Message”arrow_forward
- In html and CSS Create a regular expression that checks for a particular string (string can be either lowercase OR uppercase)arrow_forwardExercise 3 – XHTML and JavaScriptUsing XHTML and JavaScript you have create a web page that allows users to choose the colour and design of a sofa (see figure 1). Figure 1: Sofa personalisation web pageThe document begins with a heading level 4 (Choose the colour you would like:), which is followed by a group of 4 radio buttons, labelled Red, Blue, Orange and Green. Whenever a button is selected by the user, an alert message must be produced stating the chosen colour (see figure 2). Figure 2: A message is displayed in response to selecting a radio buttonThen the document contains another heading level 4 (Choose the design you would like:), which is followed by 3 buttons. When clicked each button changes the image which is displayed below. For example, when the “Design 2” button is pressed, the image changes to show the second sofa design (see figure 3). Figure 3: the “Design 2” button is pressedAdditionally there is a text box above the image, which displays the currently chosen…arrow_forwardWeb development: Create a simple one page HTML newsletter using HTML and CSS for a fictitious club or a real organization if you so wish. This must be a single page project. As a member you are commissioned to build a one page newsletter. The basic structure should follow the following specifications: Header and footer. A three column main content layout. The columns should be 20%, 60%, 20%. The maximum width of the newsletter must be 1200px. All styling must be included in a single CSS file. Your newsletter must use HTML5 semantic layout convention. You must provide usage of at least two block level elements, three font style elements, and two list elements, at least two images in the documentarrow_forward
- Design a contact form. When the "send" or "save" button is clicked on the data entered in the form, keep the values in the fields entered in javascript alert, javascript document.write or javascript object array and display them on the screen within the html table control. Use html, css and javascript.arrow_forwardSalesforce / Lightning Web Components Create a LWC component as shown below. Take the default Name of course is "Course Name" and title is "TITLE". You have to take input from the user in the respective column and display the result immediately on the written text Attach both the html and JS code so that It will be easy to understand Two way data binding Enter Title Enter Course Name Final Text -:) Course Name is a course of TITLEarrow_forwardDesign the following given form using html tags.arrow_forward
- Create a web page using html Display the design specified here: (Enter the integer entered by the user in the Grade field)arrow_forwardJapanese Fusion Restaurant Online Ordering Application Below is a basic outline and description of the Japanese Fusion restaurant online ordering application based on the given requirements: 1. Landing Page (Home): Welcome message: "Welcome to Japanese Fusion Restaurant." Visually appealing images of the dining area and a sushi restaurant. A "View Menu" button at the end of the description to lead users to the menu section. Navigation bar at the top with hyperlinks to "Home," "Menu," "About Us," and "Checkout" sections. 2. Menu and Ordering Page: Display menu items in a 3-column layout using an HTML table. Include options for various sushi types. Provide relevant details for each sushi item, including name, description, and price. Add pictures for each sushi type to enhance the visual appeal. Implement a "Customize" button for each sushi item to allow users to customize their order. Utilize JavaScript to perform computations, such as calculating the total cost of the order based on…arrow_forwardQ2 write an html program to create a form to enter a and b and once you click on submit and it gives the difference between a and b Q3 Write a program to create a formarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Microsoft Visual C#Computer ScienceISBN:9781337102100Author:Joyce, Farrell.Publisher:Cengage Learning,
Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Microsoft Visual C#
Computer Science
ISBN:9781337102100
Author:Joyce, Farrell.
Publisher:Cengage Learning,
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage