Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 2, Problem 5HOE
Program Plan Intro
- • 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>.
- ○ Include the body tag using <body>.
- ■ Include the strong importance to the required word using <strong> tag.
- ■ Close the strong element using </strong> tag.
- ○ Close the body tag using </body>.
- ○ 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 solutionStudents have asked these similar questions
Form Validation for jscript.
This is the requirement.
Payment Information Validation
Validate the customer’s payment information as follows:
Card Type
Required that one is selected
Name on Card
Required field
Expiry Date (Month)
Required field
Expiry Date
Valid expiry date to ensure the card being used has not expired
Card Number
Required field, Valid Card Number
NOTE: regarding the expiry date, you MUST use the date object to ensure that your date check is dynamic.
Modulus Check Logic
For this project, we will be taking in 10 digit credit card numbers. Ensure the user entered only 10 numbers. If they pass this check, perform a modulus check to ensure that the user has submitted a valid credit card number.
Note that the checking factors below are the literal checking factors you will use in your solution.
Sample Credit Card Number
9434578423
Checking Factors
432765432
Multiply Checking Factors by Credit Card digits and…
Web 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 document
Q1: Explain the form attributes.
Chapter 2 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
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_forward<form action="https://example.com/signup/"><input type="submit" value="Sign up Today!"></form> Add the HTML to the form above so that it includes inputs for the visitor to enter the following details: their email address input should automatically validate the entered data when the form is submitted; input is required; must be linked to an input label; input includes placeholder text; input includes the name attribute for submitting the input's data to the server; their password the characters in this input should automatically be masked; input is required; must be linked to an input label; input includes the name attribute for submitting the input's data to the server. Write a CSS rule that: makes all the labels and the inputs display as block elements, not inline elements. Write the CSS rules needed so that: the button's background colour changes when the mouse hovers over it. the change of state happens over a duration of time of 200ms.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
- body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ background-repeat:round space; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a: visited { color: hsl(300, 13%, 51%); } a: hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; } ul {…arrow_forwardbody { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ background-repeat: no-repeat; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a: visited { color: hsl(300, 13%, 51%); } a: hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; } ul {…arrow_forwardWhen a CSS stylesheet is used and class="btn-group" is found in HTML, what CSS selector would style that HTML? A) btn-group B) #btn-group C) .btn-group D) :btn-grouparrow_forward
- flex container is created with six elements labeled A through F as shown. A F D E C B Which declaration produce the presentation of the elements shown in the image? Flex-direction: row; justify-content: space -between Flex-direction: row- reverse; justify-content: center Flex-direction: row- reverse; justify-content: space – around Flex-direction: row-reverse; justify – content:space-betweenarrow_forwardAura Assignment: Create the below aura component to display the output. You can use the formatted name tag to display the output in a correct manner. Default (Long Format) Mr. John Middleton Doe The 3rd Jo Short Format John Doearrow_forwardTrue or False .Each of our header and trailer sentinels contain an actual element.arrow_forward
- Form Validation for jscript. This is the requirement. I just need the code and attached to my jscode. Payment Information Validation Validate the customer’s payment information as follows: Expiry Date (Month) Required field Expiry Date Valid expiry date to ensure the card being used has not expired Card Number Required field, Valid Card Number NOTE: regarding the expiry date, you MUST use the date object to ensure that your date check is dynamic. here is the given html code. <li> <label for="month">Expiry Date</label> <select id="month" name="month"> <option>- Month -</option> <option value="1">January</option> <option value="2">February</option> <option…arrow_forwardCode with comments and output screenshot. Thank youarrow_forwardDream 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.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
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