Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 9, Problem 3HOE
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>.
- Close the header tag using </head>.
- Open the style tag using<style> and type= “text/css”.
- Inside the style tag include the label tag is included.
- It also includes alignment of input and textarea.
- Also includes alignment of body tag, holder tag, and footer tag.
- Inside the style tag include the label tag is included.
- Close the style tag using <style>.
- Open the body of the web page using <body>.
- Includes the alignment of the div tag using <div>.
- Contact us is set as header using <h1> tag.
- Open the form tag using <form> using get method.
- Includes alignment of label tag using <label>
- It takes the input for first name, last name, email and comments
- Create buttons to send feedback and reset.
- Close the form tag using </form>.
- 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 solutionStudents have asked these similar questions
Using HTML5 code, create cart_checkout.html as shown in the below given picture. Fill the checkout form with all necessary details and add a screenshot to your answer.
I attached file
The CVV should be obscured so that it cannot be read.
create a html document in which you have to write a paragraph in the body section that should use different tags like bold, italic, abbr, audio and video tags. The document should have proper title and headings. Use 2 images in your document also.
You are required to design HTML page based on the following descriptions:
Create tag to display the web page title called “IT Blog”.
Change the background color of the web page to be light blue, the code of that color is “#E0F8F8”.
Adjust the margins of the web page according to the given information:
Left margin= 60
Margin Height= 50
Bottom margin= 40
Add heading to the web page with the following specification:
Heading= “ TechTarget”
Size= “1”
Color=”# 074244”
Font type= “Cooper Black”
Add horizontal line.
The size of the line is “10”
the width is “75%”
change the color to be “#586061”
Add an introduction paragraph after the horizontal line.
The size should be “3”.
“TechTarget provides IT Pros with insight on the latest and most important issues in information technology through various IT blogs.”
Add a sentence “Related Question:” as a sub-heading.
Select “#732319” to be the font color of this sentence
Size= 5…
Chapter 9 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
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. 7MCCh. 9 - Prob. 4MCCh. 9 - Prob. 5MCCh. 9 - Prob. 6MCCh. 9 - Prob. 3MCCh. 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
- Create an HTML code for a web page with a form as shown below; that accepts a website visitor’s name, e-mail, and birthdate. Add legend and border around the form. Use HTML5 attribute to configure email field. Use the HTML5 attribute to configure date as calendar control on browsers. Place submit and reset bottoms for the formarrow_forwardWrite html code and attach screenshot of formarrow_forwardCreate your own HTML landing page ( Must be responsive) After that Improve your HTML and apply some CSS scripts design NOTE: ALWAYS PROVIDE A SCREENSHOT OF YOUR PAGE ( BEFORE & AFTER )arrow_forward
- 1. Create an HTML Document. 2. link jQuery to HTML using the latest jQuery CDN 3. Create a <h1> element 4. Create four input buttons with the following values the text will be ("change color", "change size", "append text", "reset") 5. Use jQuery to add a click handler to each one of the elements individually to perform a task change color = change the font color of the jQuery change size = change the font size of the jQuery function append text = add text to the <h1> with a jQuery rest = reset the element back to original using a jQueryarrow_forwardWrite the HTML tags to achieve the following: Create a text link, which you can use to send email. Create text link to make your PDF, or DOC or ZIP files downloadable. Create a one-line text input field. Create a submit button for submitting form. Create Ordered Lists with 4 items by using Letters and starts with d.arrow_forwardIf you are asked to design an advertisement page for a restaurant, it contains three images (01.jpg, 02.jpg and 03.jpg) and multiple links, all of them go to the website (https://www.youtube.com/). Write html page design that you see fit for the existence of this page with the .writing of default texts for thisarrow_forward
- Create a button by using the HTML button element with the following criteria: With an ID of "btn" Show the caption "Reset" on the button Resets all the webpage controls when clicked The third control on the webpage that receives focus when using the tab key on the keyboardarrow_forwardUse JavaScript to validate user inputs for this HTML form. Create a new HTML page, LabTest.html, build form. Using external JavaScript to do the validation, for example, create a validate_form.js file. Your html code should pass the validation, put an validation icon at the bottom of the page. Following submission instructions for this exercise: No empty input. All form elements should have an input. 2. Maximun input characters of "First name" or "Last name" are 50 characters. Maximun input characters of "Address" are 300 characters. 4. For correct user inputs, show the user inputs in an alert window. Othersiwe, warn the user in an alert window.arrow_forwardCreate a web page in which the user is allowed to select the page’s background color and whether the page uses serif or sans serif fonts. Then change the body element’s style attribute accordingly.arrow_forward
- Add Javascript code to the webpage below according to the comments!!! (I will be sure to upvote) <!DOCTYPE html><html><head><title> CSS and Javascript </title></head><body><script language = "javascript" type = "text/javascript"><!--/*******add Javascript code according to the requirements below:calculates the total score of a student taking CSC101. The course includes:- two quizzes - the full score of each quiz is 10 points, and the weight is 5%.- four assignments - the full score of each assignment is 100 points, and the weight is 5%.- a mid ex - the full score is 50, and the weight is 10%.- a fin ex - the full score is 100, and the weight is 40%.- a project - the full score is 20, and the weight is 20%.- use a if..else if..else statements to decide the letter grade. The rules are below:- if 0<=grade<60 fail- if 60<=grade<70) D- if 70<=grade<80) C- if 80<=grade<90) B- if 90<=grade<=100) A- use a switch…arrow_forwardHow to perfectly aligned the rows and columns as seen at the photo? Please write the following HTML code and where to put it.arrow_forwardAdd a form on the checkout.html page that takes your name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card. Existing code: checkout.html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 80px; height: auto; } </style> </head> <body> <div id="productsFromCart"> </div> <script> let items = localStorage.getItem("myItems") ? JSON.parse(localStorage.getItem("myItems")) : []; items.forEach((element,index) => { let products = ""; products += "<div id='product" + element.id + "' class='card'>"; products += "<img src='" + element.image + "' />"; products += "<h1>" + element.name + "</h1>"; products += "<p class='price'>" + element.price + "</p>"; products += "<p>" + element.category +…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning