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
Expert Solution & Answer
Chapter 9, Problem 10MC
Program Description Answer
In the below code, the label tag has been in an appropriate manner which results in the correct output.
<label for="email">E-mail: </label><input type="text" name="email" id="email">
Hence, the correct answer is option “D”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
HereWrite the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture.
To create and style this form, copy the following HTML and CSS code exactly as follows:
HTML:
<form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form>
CSS:
form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.
Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture.
To create and style this form, copy the following HTML and CSS code exactly as follows:
HTML:
<form><label for="myName">Name:</label> <input type="text" name="myName" id="myName"> <label for="myEmail">E-mail:</label> <input type="text" name="myEmail" id="myEmail"› <label for="myComments">Comments:</label> <textarea name="myComments" id="myComments" rows="2" cols="20"></textarea> <input id="mySubmit" type="submit" value="Submit"› </form>
CSS:
form { background-color:#eaeaea; font-family: Arial, sans-serif; padding: lOpx; } label { float: left;width: 100px;clear: left; text-align: right; padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }
Use the given code snippet to answer the following question.
<style>
.one.two {
Color : blue;
}
</style>
Which HTML block should be used to display the text in red?
<div id “one”>
<div class = ‘two”> This should be red</div>
</div>
<div class =”one two”> This should be red</div>
<div class =”one” id= “two”> This should be red</div>
<div class =”one”>
<div class=”two”> This should be red</div>
</div>
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
- Write an HTML code to produce an output as the following: The output should have:1. Title: Lab Exercise Three2. Background color: Lavender3. Border (Size: 2px, Color: Firebrick)Text: CHANCES FOR SUCCESS (Align: Center, Font family: Tahoma, Font size: Heading 2, Font color: Purple)4. Text: Setting goals is the first step in turning the invisible into the visible (Font size: 15px, Font color:Brown)5. Background color: DarksalmonText: Sometimes we’re tested not to show our weakness but to discover (Align: Center, Font family: Century, Font size: 30px, Font color: Ghostwhite, Font format: Italic) OUR STRENGTHS (Font format: Strong)arrow_forwardBy using the program below: Kindly use CSS, Set the text color for the page to "red", and the text color for <h1> to "blue". <!DOCTYPE html> <html> <head> <style> </style> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>arrow_forwardIn JavaScript create a program with the following parameters: Create an HTML page leaving the space between the <body> and </body> tags open. In the Title type a descriptive name Between the <body> and </body> tags add the <script> and </script> tags. Create a variable named myheading and give it this value: This is My Web Page! Create a variable named linktag and give it this value: SMC website and with a link to this text. Create a variable named Introtext and give it this value: See below for odd numbers stars. Create a variable named begineffect and give it the value: <strong>. Create a variable named endeffect and give it the value </strong>. Create a variable named beginpara and give it the value <p>. Create a variable named endpara and give it the value </p>. Place all of the variable definitions into a single var statement so that you do not need to keep repeating the var keyword remember to end the last line…arrow_forward
- Create two prompts in JavaScript and ask the user what their name is and what their favorite color is. After the user fills out both of these prompts, write a string to the HTML page saying "My name is (inputted name) and my favorite color is (inputted color)"arrow_forwardCreate an HTML form that has a number of textboxes write a javascript code that verifies all textboxes have been filled. if it is empty. popup at least indicating which textbox is empty.arrow_forwardWhat is displayed when the following style is applied to the HTML below? A) Choice A B) Choice B C) Choice C D) Choice Darrow_forward
- The following picture shows a sample webpage, you are required to write the HTML and CSS code to produce this result in the browser.arrow_forward---Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }ggarrow_forwardwrite a html code for designing a survey page showing minimum ten questionnaires in addition to a user profile (last name , first name, email.)Must combine the webpage with different outputs(text, range , slider,radio,button)arrow_forward
- The following style is being used in an HTML document. Which letter will have only a line through it but not be underlined when the style is applied to the HTML below?: * A) A B) B C) C D) Darrow_forwardCreate an HTML document that has text boxes for apple (52 cents each), orange (46 cents each), and banana (34 cents each), along with a Submit button. These text boxes take a number, which is the purchased number of a particular fruit. Each of the text boxes should have its own onclick event handler. These handlers must add the cost of their fruit to a total cost. An event handler for the Submit button must produce an alert window with the message: Your total cost is $xyz, where xyz is the total cost of the chosen fruit, including 6 percent sales tax.arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning