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 2, Problem 3AYK
Program Plan Intro
Given Code:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Find the Error</title>
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Alignment for Body Tag-->
<body>
<!--Alignment for Header Tag-->
<h1>My Web Page<h1>
<p>This is a sentence on my web page.</p>
<!--Close Tag-->
</body>
<!--Close Tag-->
</html>
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Write down complete HTML + CSS + jQuery code to demonstrate following:a) When you double click a button, show 3 boxes with green, red and yellow color with different border styles.b) Demonstrate with complete jQuery code the functionality of text auto completion by showing suggestions for words typed by user in a search bar
18.Code HTML and CSS for the following:
Place three images inside the display area of your web page.
The dimensions of the images areimgA: height = 20%; width = 100pximgB: height = 150px; width = 250remimgC: height = 180vmin; width = 50%
Display imgA and have it positioned 100px from the left of its container and 100vmax from the top.Display imgB and have it positioned 120px from the left of its container and 120em from the bottom.Display imgC and have it positioned 200px from the top of its container and centered horizontally.
The order of HTML code for displaying the three images are to be imaA code, then imaB code, and finally imaC code.
Make sure imgA is displayed on top of imgC and imgC is on top of imgB.
Code all mandatory attributes.
Given a choice, always use a property instead of an attribute.
Using CSS, how would you center the text in a header of an HTML table?
A) Use the align property.
B) Use the text-align property.
C) Use the justify property.
D) Add until the text is centered.
Chapter 2 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 2.6 - Prob. 1CPCh. 2.6 - Prob. 2CPCh. 2.6 - Prob. 3CPCh. 2.14 - Prob. 1CPCh. 2.14 - Prob. 2CPCh. 2.14 - Prob. 3CPCh. 2.17 - Prob. 1CPCh. 2.17 - Prob. 2CPCh. 2.17 - Prob. 3CPCh. 2 - Prob. 1MC
Ch. 2 - Prob. 2MCCh. 2 - Prob. 3MCCh. 2 - Prob. 4MCCh. 2 - Prob. 5MCCh. 2 - Prob. 6MCCh. 2 - Prob. 7MCCh. 2 - Prob. 8MCCh. 2 - Prob. 9MCCh. 2 - Prob. 10MCCh. 2 - Prob. 11FIBCh. 2 - ___________ can be used to display characters such...Ch. 2 - Prob. 13FIBCh. 2 - Prob. 14FIBCh. 2 - Prob. 15FIBCh. 2 - Prob. 16SACh. 2 - Prob. 1AYKCh. 2 - Prob. 2AYKCh. 2 - Prob. 3AYKCh. 2 - Prob. 1HOECh. 2 - Prob. 2HOECh. 2 - Prob. 3HOECh. 2 - Prob. 4HOECh. 2 - Prob. 5HOECh. 2 - Prob. 6HOECh. 2 - Prob. 7HOECh. 2 - Prob. 8HOECh. 2 - Prob. 9HOECh. 2 - Prob. 10HOECh. 2 - Prob. 1FWD
Knowledge Booster
Similar questions
- Write the HTML and CSS code to produce the following result in browser, use the transparency to show the image transparent as shown in the figure. As we hover the mouse over the image it should clearly be displayed as shown in the figure (the right most).arrow_forwardBuild a simple HTML page that will use an image (download from internet) as a link to the a page with the following code. Note that the image should be clickable. <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Text Styling Example</title> <style> .strikethrough { text-decoration: line-through; } .underline-green { text-decoration: underline; color: green; } p { margin: 0; padding: 0; } .pink-text { color: salmon; } .blue-text { color: dodgerblue; } </style></head> <body> <p class="pink-text">The following is an example of the <span class="strikethrough">square</span> <span class="underline-green">cube</span> of a number:</p>…arrow_forwardBy using the program below: Kindly Set the <p> to "italic", "20px" and "Verdana". <!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_forward
- Q7. By using the program below: Kindly Set the font family for the page to "Courier New", and the font family for <h1> to "Verdana". <!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_forwardThis is my footer code for an HTML 5 page (part of my assignment), but the footer doesn't show up. It just displays the text. Not sure what the issue is. body > footer address { background-color: rgb(222,128,60); color: white; color: rgba(255, 255, 255, 0.7); font: normal small-caps bold 0.9em/3em Quicksand, Verdana, Geneva, sans-serif; text-align: center;}arrow_forwardI would like for you to review this code and help me figure out why it isn't displaying the calculated temperatures when I test it. It seems to be an issue with the .js code. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Convert Temperatures</title> <link rel="stylesheet" href="convert_temp.css"> </head> <body> <main> <h1>Convert temperatures</h1> <div> <input type="radio" name="conversion_type" id="to_celsius" checked>Fahrenheit to Celsius </div> <div> <input type="radio" name="conversion_type" id="to_fahrenheit">Celsius to Fahrenheit </div> <div> <label id="degree_label_1">Enter F degrees:</label> <input type="text" id="degrees_entered">…arrow_forward
- we need to edit our values to only pad the left side of our paragraphs, and only apply a margin to the bottom of each.write html code for itarrow_forwardWrite the HTML, CSS, and JS that meets the following requirements: Make the font size 20 points. Make the left margin 50 pixels. Add the following elements to the page: level 1 header. The content shall be your name. image. The picture displayed shall be anything of your choice on the web. Use an absolute/remote URL. ordered list with two items. The content of these items shall be your two favorite things. Write a JS script that does the following: Ask the user for his two favorite things. Print a new ordered list with the the inputted values. Ask the user if he likes Google. If so, print an image of the Google logo.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
- JavaScript Programming Pick a date and display the day of the week with that code <!DOCTYPE html><html><head><!-- Filename: index.htm--><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>Day of the Week</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.05819.js"></script></head> <body><header><h1>Day of the Week</h1></header> <article><h2>Day of the Week Lookup</h2><form><fieldset><label for="dateSelected">Select a date</label><input type="date" id="dateSelected" /></fieldset><fieldset class="button"><button type="button" id="determineDay">Find day</button></fieldset><fieldset><p>Day of the Week</p><p…arrow_forwardQ5. By using the program below: Kindly Set the background color for the page to "linen" and the background color for <h1> to "lightblue". <!DOCTYPE html> <html> <head> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>arrow_forwardHello, I am trying to get the 1s in the image attached to change them into a,b,and c respectively. Please correct my code where necessary. <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> <body> <ol> <li> Question 3 <ol> <li><img src="exam.gif" alt="Image 1" width="200" height="150"></li> <ol> <li><img src="OIP.jpg" alt="Image 2" width="200" height="150"></li> <ol> <li><img src="Successful.jpg" alt="Image 3" width="200" height="150"></li> </ol> </ol> </ol> </li> </ol></body> </html>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