Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
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
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”.
- Include the style on the webpage using <style> tag.
- 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.
- 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
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.
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Similar questions
- Javascriptarrow_forwardComputer Science Write a webpage that creates a game of dice using only HTML and JavaScript. The code should make use of the HTML <canvas> element. The webpage should inform the user of the rules of the game.arrow_forwardMake a table in HTML format that works with your school's timetable. The column headers should indicate the time of day for each class, and the row headers should indicate the day of the week. The table numbers need to be labelled with the course name and instructor's name. Since it will be at the table's top, a fitting caption is required.arrow_forward
- Write the HTML code to output the following using TABLE tag. Do this task as at it given in the image with same style and formatarrow_forwardHTML PROJECTarrow_forwardAmong the three different types of list elements in HTML, description/definition lists are less known. Describe a use case of description/definition lists with HTML code segment.arrow_forward
- a programmer wants to have a video file on his website the video should start playing as soon as user opens a web page on which the video has been inserted the blank element will be used to process information to the video filearrow_forwardConstruct a table in HTML that reflects your timetable for the semester. Class times should be included in the column headers, and the days of the week in the row headers. The table has to include the names of the subjects and teachers. Include a caption above the table that explains its contents.arrow_forwardCreate a table in HTML to display the class schedule. The days of the week should be used as row headings, and the class hours should be used as column headers. The table has to include the subject matter and the teacher. Table headings should be shown at the top.arrow_forward
- Design a webpage in HTML using CSS and JavaScript to show the monthly payment and the total payment of a loan. create two Buttons to compute the monthly loan payment and total payment given the loan amount of $367000, yearly_interest_rate= 5.25% and a number of years=30. Create two separate functions in JavaScript. function monthlyPayment() function totalPayments()arrow_forwardwebarrow_forwardHTML CSS and Javascriptarrow_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