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 6, Problem 3HOE
Program Plan Intro
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the style on the webpage using <style> tag.
- Set the position property as “absolute”.
- Set the top property as “20 px”.
- Set the right property as “40 px”.
- Set the background property as “#D3D3D3”.
- Set the border property as “1px solid #80c080”.
- 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 <div> tag and add an “id” attribute to assign the style.
- Include the head tag <h1> to display page heading.
- Include the content to be displayed in the webpage using paragraph <p> tag.
- Close the body using </div> tag.
- Include the <div> tag and add an “id” attribute to assign the style.
- 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 solution
Students have asked these similar questions
Describe a CSS element that would repeat an image in the background only along the Y axis
Explain the difference between margin and padding in CSS. Write the CSS code that adds a margin of 5 px and a padding of 10 px in all sides of a paragraph tag in html
Create a web page containing two images, where one image overlaps another image by using the z-index CSS property.
Output:
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
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
- Your goal is to build a page that has a button and text that wraps around the left edge of the button. Which CSS property and value should be used to create the button's appearance?arrow_forward9.Write the CSS style rule to display an image that is fixed in position and is placed at 125 pixels from the top and 140 pixels from the right of its parent window.arrow_forwardwrite a CSS style rule to set up a linear gradient background based on the following requirements: it is for a class named peterthe direction of the linear gradient is to be from right to left and must be represented by degreesthe starting colour must be red and presented in the RGB formatthe ending colour must be blue and presented in hexadecimal formatarrow_forward
- Create a CSS style for an H3 element, where: - colour is blue (in RGB format) - text aligned to left - text decoration red wavy underline - text transformed to uppercasearrow_forwardWrite a CSS rule that places a background image halfway down the page, tiling it horizontally. The image should remain in place when the user scrolls up or down.arrow_forwardCreate a CSS rule that would make all unordered lists (tags) have circle bullets, green background, and white text color.arrow_forward
- Describe what is incorrect with the following CSS code, which causes a web page containing it not to display a border when rendered in a browser:h2 { background-color: #FF0000border-top: thin solid #000000 }arrow_forwardI need this assignment solved. Below I've attached the index.hmtl and styles.cssarrow_forwardWrite a css style like, the title is list, Declare a css rule with an id selector, set the font size to double, and display the text "work" apply the id selector to a <b> tag for the display of text "john"arrow_forward
- Question 1: How can you apply translate property in CSS on an image when the user hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image. Code: <!DOCTYPE html> <html> <body> <style> td{ border:1pxsolidblack; } td { border-collapse:collapse; } </style> <table cellpadding="15" border="solid" width=50%> <tr> <tdcolspan='3'>1</td> <tdrowspan='3'>2</td> <tdcolspan='2'>3</td> <tdrowspan='2'>N</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <tdcolspan='3'>9</td> <tdcolspan='2'>10</td> <td>N</td> </tr> <tr> <tdcolspan='7'>N</td> </tr> <tr> <td>N</td> <td>N</td> <td>N</td> <td>N</td> <td>N</td>…arrow_forwardYou want to design a page with a button and text that will wrap around the left side of that button. Which CSS property and value should be used for the button? A) float: left B) float: right C) position: left D) position: rightarrow_forward4.4 Write a CSS rule that places a background image halfway down the page, tiling it horizon- tally. The image should remain in place when the user scrolls up or down.4.5 Write a CSS rule that gives all h1 and h2 elements a padding of 0.5 ems, a dashed border style and a margin of 0.5 ems.4.6 Write a CSS rule that changes the color of all elements containing attribute class = "greenMove" to green and shifts them down 25 pixels and right 15 pixels.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