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 7, Problem 6HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Include a hyperlink to the named fragment designated by “top”.
- Close the header tag.
- Include an internal CSS file using the style tag.
- Include Alignment For Body Tag.
- Include Alignment for CSS Container.
- Alignment to have the image in the right side of the webpage.
- A graphic named myprite.gif is used as background image on the left side of hyperlink.
- Alignment for aside tag to place some content aside from the content it is placed in.
- media is the attribute that is used to indicate whether the style sheet is for printing or screen display.
- Include the body using the <body> tag.
- Include a heading using the <h1> tag.
- Include a paragraph using the <p> tag.
- 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
Use the given code to answer the following questions:
External.css label { color: darkgray; } home. Html
<header>
<link ref “stylesheet” type”text/css” href= “external .css”
<style>
Label {
Color: darkblue;
}
</style>
</header>
<body style=”color: darkred;”>
<p>
<input type “checkbox” name =”chkOrange”
<label style “color: darkcyan;” for = “chkOrange”>Oranges</label>
</p>
</body>
Which color is shown for the < label> tag?
Darkred
Darkcyan
Darkgray
Darkblue
Create a styles.css page and add the following styles?
H1
Background color: #f03Border on the bottom with the following rules
Width: thin
Style: solid
Color: #003
Centered textMargin on all sides: 35 pixels
H2
Text color: #333, bold
p
Font: GeorgiaText color: #030Padding of 15 pixels on all sides
li
Font family: ArialBackground color: grayText color: black, boldText size: 18 points
a
Color for all hyperlinks: Dark red: #CC0000
Rollover color for all hyperlinks: Dark green: #060
One additional style of your choice
Question 1 What are the problems with the above code? Consider the syntax, structure, and writing style.
Question 2 Write CSS code that tidies up the above code. Your code should minimise the use of inline style.
Queston 3 Add a CSS selector for all paragraphs (p elements) under div elements with class “exam” to make their background colour blue.
Chapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 7.2 - Prob. 1CPCh. 7.2 - Prob. 2CPCh. 7.2 - Prob. 3CPCh. 7.10 - Prob. 1CPCh. 7.10 - Prob. 2CPCh. 7.10 - Prob. 3CPCh. 7 - Prob. 1MCCh. 7 - Prob. 2MCCh. 7 - Prob. 3MCCh. 7 - Prob. 4MC
Ch. 7 - Prob. 5MCCh. 7 - Prob. 6MCCh. 7 - Prob. 7MCCh. 7 - Prob. 8MCCh. 7 - Prob. 9MCCh. 7 - Prob. 10MCCh. 7 - Prob. 11FIBCh. 7 - Prob. 12FIBCh. 7 - Prob. 13FIBCh. 7 - Prob. 14FIBCh. 7 - Prob. 15FIBCh. 7 - Prob. 1AYKCh. 7 - Prob. 2AYKCh. 7 - Prob. 3AYKCh. 7 - Prob. 1HOECh. 7 - Prob. 2HOECh. 7 - Prob. 3HOECh. 7 - Prob. 4HOECh. 7 - Prob. 5HOECh. 7 - Prob. 6HOECh. 7 - Prob. 7HOECh. 7 - Prob. 8HOECh. 7 - Prob. 9HOECh. 7 - Prob. 10HOECh. 7 - Prob. 11HOECh. 7 - Prob. 1WRCh. 7 - Prob. 1FWD
Knowledge Booster
Similar questions
- 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_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_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
- 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"arrow_forwardCreate an css code for this html. And make this lookalike in the picture: <!DOCTYPE html><html><head> <title>Anime Page</title> <meta name="author" content="your name" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" /></head><body> <div id="page"> <div id="logo"> <h1><a href="/" id="logoLink">Anime Fan Page</a></h1> </div> <div id="nav"> <ul> <li><a href="#/home.html">Anime</a></li> <li><a href="#/about.html">Gallery</a></li> <li><a href="#/contact.html">Contact</a></li> </ul> </div> <div id="content"> <h2>Home</h2> <p> Anime is Japanese hand-drawn…arrow_forwardYou have a division with an ID = 'div0'. What JavaScript statement would allow you to change the CSS background color of that particular division to green? document.getElementById('div0').style.background-color='green'; document.getElementByName('div').backgroundColor='green'; document.getElementById('div0').style.backgroundColor='green'; document.getElementByClassname('div0').style.backgroundColor='green';arrow_forward
- Open the code6-4_debug.css file. There are seven separate syntax errors in the stylesheet. Locate and correct all seven.arrow_forwardI'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: <p class="byname">The text is blue</p> <p class="byrgb">The text is green</p> <p class="byhsl">The text is cyan</p>arrow_forwardWrite one CSS rule for the following task: Style an article element so that: its padding is 32px, its width, including padding, is one third of its parent container width, float it to the right side of the screen. Write one CSS rule for the following task: Style a footer element so that: it clears any prior floating elements, its width is 90% of its parent container width, its width is but no smaller than 768px, its width is no bigger than 1024px, centre the footer horizontally, regardless of the screen size. Write the HTML for: The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png; The image must link to the homepage of the website when clicked on; The image must include descriptive text that screen readers can access; The image must be 160px tall and wide. Write a CSS style so that the footer (DON'T include more CSS than you need to): has a background colour. has a height of 300px. Use 2 different methods to move…arrow_forward
- 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_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_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
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 LearningEBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT