Web Development and Design Foundations with HTML5 (8th Edition)
Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
bartleby

Concept explainers

Expert Solution & Answer
Book Icon
Chapter 3, Problem 1FWD

(a)

Explanation of Solution

Program:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

<!--Style Tag-->

<style>

<!--Alignment for body tag-->

body

{

background-color: #b9936c;

}

<!--Alignment for header tag-->

h1

{

background-color: #dac292;

}

span

{

background-color: #c4b7a6;

}

<!--Close Tag-->

</style>

<!--Close Tag-->

</head>

(b)

Explanation of Solution

  • With CSS, there are different ways to add color to the HTML elements. Choosing the right colors can be a tricky one, but there are many tools available for it. The first step is to choose a base color, which defines the web site, or subject matter of the site. For example, the web site ColorZilla offers an extension that offers an eyedropper tool for picking colors from the web...

(c)

Explanation of Solution

Filename – color1.css

Program:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

<!--Style Tag-->

<style>

<!--Alignment for body Tag-->

body

{

background-color:#b9936c ;

color: #dac292;

font-family: Arial, Helvetica, sans-serif;

}

<!--Alignment for header Tag-->

h1

{

font-family: "Times New Roman", serif;

color:#000000;

}

<!--Close Tag-->

</style>

<!--Close Tag-->

</head>

<!--Body Tag-->

<body>

<!--Heading Tag-->

<h1>Example Progarm</h1>

<!--Paragraph Tag-->

...

(d)

Explanation of Solution

Filename – color1.html

Components of CSS rule:

  • CSS rule consists of two components, a selector and a declaration block.
  • The “Selector” is used to point out the HTML element that you need to style.
  • The declaration block usually consists of a list of declarations, which is separated by a semi-colon (;).
  • Each declaration mainly consists of a property name and a value that is separated by a colon (:).

Example Program:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

<!--Header Tag-->

<h1 style="color:red">CSS Rule Components</h1>

<!--Style Tag-->

<style>

<!—Alignment for paragraph tag--�...

Blurred answer
Students have asked these similar questions
I need help with adding the changes I have added everything I have so far below you simply need to cut and paste it into an HTML/CSS Compiler <!DOCTYPE html><html lang="en">    <style> /* colors.css */ .sticky-note {    /*     DON'T EDIT ME */    color: black;    background: #D29DE9;}.sticky-note-title {    /*     DON'T EDIT ME */    color: inherit;}.sticky-note-body {    /*     DON'T EDIT ME */    color: inherit;} /* formatting.css*/ .sticky-note-title {    /*     DON'T EDIT ME */    padding: 1rem;    font-size: 2rem;}.sticky-note-body {    /*     DON'T EDIT ME */    transform: rotate(0);    padding: 1rem;    font-size: 1.5rem;}.sticky-board {    /*     DON'T EDIT ME */    margin-top: 2em;    display: flex;    padding: 3em;    flex-wrap: wrap;    gap: 1em;    justify-content: center;}.sticky-note {    flex-shrink: 0;    width: 20em;    height: 20em;     /*     Add styles here */    }#first {     transform: rotate(75deg);     transition: transform 500ms;    }#second {…
Jack wants to create a website that loads differently on different browsers as well as different versions of each browser. Which of the following would be the best practice? A) Use Conditional Comments B) Use Stylesheet for detecting and loading different CSS files C) Use Javascript to detect and load a different CSS file D) It is not possible to detect a browser and/or its version
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; }.
Knowledge Booster
Background pattern image
Computer Science
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Text book image
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT