Basics of Web Design: Html5 & Css3
Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
Question
Book Icon
Chapter 7, Problem 3HOE
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 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”.
    • 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.
    • Close the body using “</body>” tag.
  • Close the file using “</html>” tag.

Blurred answer
Students have asked these similar questions
Using Javascript Write a page that displays a balloon (using the balloon emoji, ?). When you press the up arrow, it should inflate (grow) 10 percent, and when you press the down arrow, it should deflate (shrink) 10 percent. You can control the size of text (emoji are text) by setting the font-size CSS property (style.fontSize) on its parent element. Remember to include a unit in the value—for example, pixels (10px). The key names of the arrow keys are "ArrowUp" and "ArrowDown". Make sure the keys change only the balloon, without scrolling the page.
I believe I am close to having this correct but would like to check.   Write the CSS to configure a grid for an id named container that has two columns and two rows. The first row is 100 pixels high. The first grid item in the second row takes up 75% of the width.
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 False
Knowledge Booster
Background pattern image
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Text book image
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Text book image
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
Text book image
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Text book image
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Text book image
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education