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 4, Problem 7HOE
a)
Program Plan Intro
- Include the style tag using “<style>” for internal style.
- Include the “footer” element. Inside the element,
- Set the background color as light blue with “#ccccff” color code.
- Set the font as “Arial” using “font-family” property.
- Set the text color as “dark-blue” with “#000099” color code.
- Make the 10 pixels of padding using “padding” property.
- Make the dashed border in a dark-blue color with “border” property.
- Include the “footer” element. Inside the element,
b)
Program Plan Intro
Program Plan:
- Include the style tag using “<style>” for internal style.
- Set the id named “notice” with following style attributes.
- Set the “width” property as “80%”.
- Set the “margin-left” as “auto” and “margin-right” as “auto”
- Set the id named “notice” with following style attributes.
c)
Program Plan Intro
Program Plan:
- Include the style tag using “<style>” for internal style.
- Set the class named “headline” with following style attributes.
- Set the text color using “color” property with its code.
- Set the dotted line border with border color using color code.
- Set the class named “headline” with following style attributes.
d)
Program Plan Intro
Program Plan:
- Include the style tag using “<style>” for internal style.
- Set the heading tag “<h1>” with its properties.
- Set the text shadow with its pixels.
- Set the background color and set the transparency using the “opacity” property.
- Set the font using “font-family” property with its font size.
- Set the heading tag “<h1>” with its properties.
e)
Program Plan Intro
Program Plan:
- Include the style tag using “<style>” for internal style.
- Set the style for “feature” identifier is as follows:
- Set the background color as “white” and text color as “red” with its color code.
- Set the font size as “small” with its font family “Arial”.
- Set the width as “80%” and set the text shadow.
- Set the style for “feature” identifier is as follows:
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Question # 1
a) Use Colspan and Rowspan to create the following table.
b) 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.
8.In CSS which of the following is used for spread radius?
a. blur
b. spread
c. color
d. v-offset
Create a CSS stylesheet such that the provided HTML (autoloan.html) looks like the following webpage.
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 4.1 - Prob. 1CPCh. 4.1 - Prob. 2CPCh. 4.1 - Prob. 3CPCh. 4.5 - Prob. 1CPCh. 4.5 - Prob. 2CPCh. 4.5 - Prob. 3CPCh. 4.7 - Prob. 1CPCh. 4.7 - Prob. 2CPCh. 4.7 - Prob. 3CPCh. 4 - Prob. 1MC
Ch. 4 - Prob. 2MCCh. 4 - Prob. 3MCCh. 4 - Prob. 4MCCh. 4 - Prob. 5MCCh. 4 - Prob. 6MCCh. 4 - Prob. 7MCCh. 4 - Prob. 8MCCh. 4 - Prob. 9MCCh. 4 - Prob. 10MCCh. 4 - Prob. 11FIBCh. 4 - Prob. 12FIBCh. 4 - Prob. 13FIBCh. 4 - Prob. 14FIBCh. 4 - Prob. 15FIBCh. 4 - Prob. 1AYKCh. 4 - Prob. 2AYKCh. 4 - Prob. 3AYKCh. 4 - Prob. 1HOECh. 4 - Prob. 2HOECh. 4 - Prob. 3HOECh. 4 - Prob. 4HOECh. 4 - Prob. 5HOECh. 4 - Prob. 6HOECh. 4 - Prob. 7HOECh. 4 - Prob. 8HOECh. 4 - Prob. 9HOECh. 4 - Prob. 10HOECh. 4 - Prob. 1WRCh. 4 - Prob. 2WRCh. 4 - Prob. 1FWD
Knowledge Booster
Similar questions
- 1.Create a PHP script based on the problem specification.2. Make sure to put design (CSS) in your work.3. On the first line of your code, comment your full name and section.4. Lastly, create a document and put a screenshot of your output together with all your source code. Save yourfile as LastName_FirstName.docxProblem Specifications:Write a PHP script by creating an “Employee” class having the following class behaviors and print thefinal salary.1 – constructor which will initialize the name of employee, number of hours work, employee’s rate2 – getInfo() which will return the info of the employee.3 – computeSalary() which will return the computed salary based on the employee’s rate multiply bythe number of hours work.4 – Create 5 objects of class Employee with different values and test all the functions.arrow_forwardQuestion 2: Consider the following website: https://www.opencart.com/ Using Selenium and python write a script to perform functional testing. Test if links are working, text boxes are enabled, displayed and accept text values, command buttons are responsive and report if there are any dysfunctionalities within these elements. Give the code for each along with a descriptive text that explains what each line does.arrow_forwardHello I was hoping someone could correct my coding errors. I have a CSS file that needs to be formatted to look like the first image but it currently looks like the second image. Can someone please help me with it? Thank you! CSS MAIN FILE: html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: normal;}ol { padding-left: 1.4em; list-style:…arrow_forward
- Write an HTML code to produce an output as the following: The output should have:1. Title: Lab Exercise Three2. Background color: Lavender3. Border (Size: 2px, Color: Firebrick)Text: CHANCES FOR SUCCESS (Align: Center, Font family: Tahoma, Font size: Heading 2, Font color: Purple)4. Text: Setting goals is the first step in turning the invisible into the visible (Font size: 15px, Font color:Brown)5. Background color: DarksalmonText: Sometimes we’re tested not to show our weakness but to discover (Align: Center, Font family: Century, Font size: 30px, Font color: Ghostwhite, Font format: Italic) OUR STRENGTHS (Font format: Strong)arrow_forwardWhat are two advantages of using (linking to) an external CSS (Cascading Style Sheet) file as opposed to embedding the contents within a script tag for a webpage? Describe one reason why it is important or necessary to learn the correct word or phrases for any phenomenon being discussed. 36. When using a hexadecimal numbering system, how many values can be represented with a 4-digit hexadecimal number?arrow_forwardCreate a CSS rule that would make all unordered lists (tags) have circle bullets, green background, and white text color.arrow_forward
- WRITE an HTML code that includes JavaScript scripting, by demonstratingJavaScript method getElementById(),to produce the output as shown in Figure 1. Include CSS syntax to change font type, font size, and alignment of the text.arrow_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_forwardPractice with CSS. Write the CSS for an HTML selector footer with the following characteristics: a light-blue background color, Arial font, dark-blue text color, 10 pixels of padding, and a narrow, dashed border in a dark-blue color. Write the CSS for an id named notice that is configured to 80% width and centered. Write the CSS to configure a class that will produce a headline with a dotted line underneath it. Choose a color that you like for the text and dotted line. Write the CSS to configure an h1 element selector with dropshadow text, a 50% transparent background color, and sans-serif font that is 4em in size. Write the CSS to configure an id named feature with small, red, Arial font; a white background; a width of 80%; and a drop shadow.arrow_forward
- I need login page code in Html and css with validation code in javascript only make simple as much as.arrow_forwardWhat is a disadvantage of using the classic submit button, as opposed to Javascript, for submitting an HTML form?: * A) Most browsers have already been fully tested against submitting HTML forms. B) The classic submit button will not work if Javascript is disabled. C) You cannot submit the data to multiple action pages with multiple targets. D) The GET method has no limit for classic submit.arrow_forwardGive the true/false regarding css of all subparts! A) the following: a > nav:hover is an example of a simple selector, Select one- True False B) A CSS rule set is a set of rules and selectors, Select one- True Falsearrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education