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
Concept explainers
Question
Chapter 6, Problem 1HOE
Program Plan Intro
- Include the HTML tag <html>.
- Include the header tag <head>.
- Include the style on the webpage <style> tag.
- Set the float property as “left”.
- Set the background property as “#ffffcc”.
- Set the font property as “verdana, sans-serif”.
- Set the padding property as “20 px”.
- Include the style on the webpage <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 content to be displayed in the webpage using paragraph <p> tag.
- Include the <img> tag and add the image source along with its properties.
- 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 <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
Write 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"
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
By using the program below: Kindly use CSS, Set the text color for the page to "red", and the text color for <h1> to "blue".
<!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>
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
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- 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_forwardWrite an embedded CSS style rule between the style tags to change the background of a webpage to #009998. <head> <style type=”text/css”> </style> </head>arrow_forwardPlease write the HTML and CSS codes in order to get this result. For the images just place any imagearrow_forward
- Implement a Web Page with CSS stylesCreate a div element with a width and height of 500 px. Create a diagonal linear gradient using colors of the rainbow- Red, Orange, Yellow, Green, Blue, Indigo, Violet.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_forwardI need this assignment solved. Below I've attached the index.hmtl and styles.cssarrow_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 and combine h1, h2, h3 selectors in CSS syntax with font-weight: 500; and color: red; and line-height: 10px;arrow_forwardWrite Css style rulesto layot text in 4 columns with a column gap of 25px , column rule of style solid , color blue and width 4pxarrow_forward
- 4.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) Consider the given CSS rule Span { Color: black; Count -size : 14pt; } What is span referred to as in CSS Rule? Selector Property Value blockarrow_forwardCan someone look at my attached CSS code and tell me how to get the header and footer images to fit the page? body {.flex-container { display: flex; background-color: black;} .flex-container > div { background-color: white; width: 50%; margin: 10px; padding: 10px; font-size: 30px;}.header-image { width: auto; height: auto;}.footer { text-align: center; background-color: #f0f0f0; padding: 20px;} .footer img { max-width: %; height: auto; }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