Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
Question
Book Icon
Chapter 4, Problem 7HOE

a)

Program Plan Intro

Program Plan:

  • 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.

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”

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.

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.

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.

Blurred answer
Students have asked these similar questions
HereWrite the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.
---Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }gg
HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application    What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the  html will  create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content  at run-time ( inside the javascript function )  from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page,  use the document object model to access elements from the paragraph  and transfer content into the div element as illustrated   <! DOCTYPE html> <html>   <head>      <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css">  <script src="project_6p.js"…
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