Scribd
Upload
16 views23 pages

Group 3 HTML Linebreak Horizontal Rule Colors

The document outlines how to use HTML tags such as <br> for line breaks and <hr> for horizontal rules to format web content. It also explains how to change the background color of a page using various methods including hex codes, RGB values, and color names. The objectives include creating organized and visually appealing web pages through effective use of these elements.

Uploaded by

orcvoid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
16 views23 pages

Group 3 HTML Linebreak Horizontal Rule Colors

The document outlines how to use HTML tags such as <br> for line breaks and <hr> for horizontal rules to format web content. It also explains how to change the background color of a page using various methods including hex codes, RGB values, and color names. The objectives include creating organized and visually appealing web pages through effective use of these elements.

Uploaded by

orcvoid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 23

HTML LINE BREAKS,

HORIZONTAL RULE, &


CHANGING THE
BACKGROUND COLOR
OF A PAGE
OBJECTIVES
•To be able to use <br> and <hr> tags to structure
and format web content effectively.
•To change the background color of a page using inline
styles.
•To combine line breaks, horizontal rules, and
background customization to create an aesthetically
pleasing and organized web page.
LINE BREAK
THE <br> TAG
• Creates a new • It is an empty • Can be used
line within a block element, to display
of text or content, meaning it poems, song
similar to pressing doesn't require a lyrics,
"Enter" in a word closing tag addresses or
processor other forms of
content
SAMPLE INPUT & OUTPUT 1
HORIZONTAL
RULE
THE <hr> TAG
• Stands for • Used to • Separates
horizontal rule create a content
and is like a thematic break sections
digital ruler or in an HTML or indicates a
a horizontal page shift in topic
line
SAMPLE INPUT & OUTPUT 1
SAMPLE INPUT & OUTPUT 2
IMPORTANCE
1. VISUAL SEPARATION
2. CONTENT ORGANIZATION
3. ACCESSIBILITY
4. STRUCTURE & FORMATTING
CHANGING THE
BACKGROUND
COLOR OF A PAGE
• Background color refers to the color applied
to the background of a web page or to a
specific HTML element.

• The color can be set using the bgcolor


attribute within the <body> tag or through a
<body> block.
SAMPLE INPUT & OUTPUT
3 WAYS TO SPECIFY COLORS

1. USING HEX CODES


- 6-digit or hexadecimal codes
representing colors
EXAMPLE: #FF6347 FOR TOMATO
SAMPLE INPUT & OUTPUT
2. USING RGB VALUES
- RGB stands for red, green, and blue values,
it
specifies the intensity of red, green and blue
components to represent a color
- each color channel is represented by a
number
from 0 to 255
EXAMPLE: RGB(255, 255, 255) FOR WHITE
SAMPLE INPUT & OUTPUT
3. USING COLOR NAMES
- predefined color names recognized by
browsers
EXAMPLE: WHITE, BLACK, RED
SAMPLE INPUT
Thank you!

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy