Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
bartleby

Concept explainers

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

Explanation of Solution

(a)

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>

>&#x...

Explanation of Solution

(b)

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

Explanation of Solution

(c)

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

Explanation of Solution

(d)

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>

  &...

Blurred answer
Students have asked these similar questions
LANDING PAGE A landing page is one of the best web development projects for beginners. This project demands a foundational understanding of HTML and CSS. You will learn how to add columns, divide sections, arrange items, add headers, footers. Most importantly, you will use your creativity to make the page look impressive. The alignments, the padding, the color palette, boxes and all the other elements on the page require attention. Use CSS carefully to make sure the elements on the page do not overlap. please Don't Copy from internet
Title: Transformers Beast Characters Webpage Creation   Objective:   The objective of this activity is to develop a web page dedicated to Transformer beast characters using HTML, CSS, and Flexbox layout. The activity aims to reinforce the understanding and practical implementation of various web development concepts, including flexbox, navigation, hover effects, flex-direction, nth-child, tables, transitions, and image display.   Step 1: Set Up the Project Open your preferred text editor. Create a new folder for the activity and name it "TransformersBeastCharacters." Inside the project folder, create the following files: html (main page) html (character information page) html (image gallery page) css (CSS file)   Step 2: Create the Basic Structure                                                             Open the index.html file in your text editor. Set up the basic structure of an HTML document by adding the HTML, head, and body tags. Inside the head tag, add a title for the…
In CSS,  Find a font to use on the web. In a short paragraph, explain how you would import this font into your project and use it.  Include the link to the font.
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
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT