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 2HOE
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>”t ag 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>”t ag 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
Describe a CSS element that would repeat an image in the background only along the Y axis
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
Chapter 7 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Knowledge Booster
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 and combine h1, h2, h3 selectors in CSS syntax with font-weight: 500; and color: red; and line-height: 10px;arrow_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 a program in html 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_forward
- Create a CSS rule that would make all unordered lists (tags) have circle bullets, green background, and white text color.arrow_forwardBy 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>arrow_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
- ) Consider the given CSS rule Span { Color: black; Count -size : 14pt; } What is span referred to as in CSS Rule? Selector Property Value blockarrow_forwardMAKE A SIMPLE LOGIN FRONT PAGE OF THE GIVEN IMAGE USING ONLY HTML AND CSS WRITE THE CODE.arrow_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_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