Web Development and Design Foundations with HTML5 (8th Edition)
Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
Question
Book Icon
Chapter 6, Problem 3AYK

Given code:

The given code is used to display a web page contains the style properties for heading, body, id selector and paragraph elements.

Screenshot of the web page

images

Error in the given code:

In above code, the heading style contains position property for the heading “Floating an Image”. Consider the above output, it not look fair for displaying a web page because each web page needs a good presentation.

  • Hence remove the position property from the heading style properties.
Program Plan Intro

Program Plan:

  • Include the HTML tag using <html>.
    • Include the header tag using <head>.
      • Include the style on the webpage using <style> tag.
        • Set the style properties for the body elements.
        • Set the style properties for the h1 elements.
        • Set the style properties for the paragraph elements.
        • Set the style properties for an id selector “yls”.
    • Close the header tag using </style>.
    • Close the header tag using </head>.
    • Open the body of the web page using <body> tag.
      • Include the heading of the web page using <h1> tag.
      • Include the <img> tag and add the image source along with the id selector.
      • Include the content to be displayed in the webpage using paragraph <p> tag.
    • Close the body using </body> tag.
  • Close the file using </html> tag.

Blurred answer
Students have asked these similar questions
language: HTML   Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away   2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown:  "payment amount is less than cart total" otherwise: "payment complete"
The HTML code below has 4 unique issues that do not conform to the XHTML syntax rules. Identify these errors. 2. Page Title Insert your email address If you are a new user 10 11 12 13 Signup 14 15 16
Draught the markup for a table in HTML that represents the schedule for your next class. The various class times should be listed as column headings in the columns, and the different days of the week should be included as row headers in the rows. The data in the table needs to show both the topic and the name of the instructor. Make sure the table has a suitable caption, which will be shown at the very top of the table.
Knowledge Booster
Background pattern image
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning