Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 7, 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 solutionStudents have asked these similar questions
Describe a CSS element that would repeat an image in the background along both the X and 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 7 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Knowledge Booster
Similar questions
- 9.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_forwardMake the CSS Styling similar to facebook interface, ensure that the CSS Style is visually appealing to the eye of the audience.arrow_forwardYour 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_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 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_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_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_forwardGive an example of a CSS element that will cause an image to be repeated in the background only along the Y axis.arrow_forward
- You view a web page and watch an element expand in size and move upward as you roll over it with your mouse pointer. If this animation was created using the jQuery library, then these effects were achieved by gradually changing the values of several CSS properties for the element. Select one: True Falsearrow_forwardQuestion 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_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