Scribd
Upload
27 views3 pages

MODULE 3 and 6 - Reviewer

The document discusses various HTML elements and properties related to styling text, colors, links and images on a web page. It covers topics like inserting inline CSS, specifying colors using names, RGB, hex and HSL values, setting text alignment, indentation and color. It also discusses creating and linking to bookmarks on a page.

Uploaded by

Godwin Oanes
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
27 views3 pages

MODULE 3 and 6 - Reviewer

The document discusses various HTML elements and properties related to styling text, colors, links and images on a web page. It covers topics like inserting inline CSS, specifying colors using names, RGB, hex and HSL values, setting text alignment, indentation and color. It also discusses creating and linking to bookmarks on a page.

Uploaded by

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

MODULE 3: IMPROVING THE HTML Names

APPEARANCE OF A WEB PAGE • HTML supports 140 standard color names.

INSERTING INLINE CSS RGB Value

Inline CSS • In HTML, a color can be specified as an


RGB value using this formula: rgb (red,
- Used for applying style to a particular
green, blue).
HTML Tag.
• Each parameter (red, green, blue) defines
- Least recommended styling method
the density or intensity of the color
because of the difficulty it brings in
between 0 and 255.
managing larger websites.
• For example, rgb (255, 0, 0) is displayed as
- Useful for testing and previewing changes.
red, because red is set to its highest value,
and the others are set to 0.

HTML Style Attribute • To display the color black, all colors must
be set to 0, like this rgb (0,0,0).
Style attribute
• To display the color white, all colors must
- Can be used to set the style of a specific
be set to 255, like this rgb (255,255,255).
HTML element.

-The syntax should be like this:


Hex Value

• In HTML, a color can be specified using


the hexadecimal value in the form: #rrggbb
where rr (red), gg (green) and bb (blue) are
hexadecimal values between 00 and ff (same
as decimal 0-255).
HTML Background Color
• For example, #ff0000 is displayed as red,
Background-color property
because red is set to its highest value (ff),
- defines the background color for an HTML and the other two (green and blue) are set
element. to 00.

• To display the color black, all colors must


be set to 00, like this #000000.
HTML Colors
• To display the color white, all colors must
• In HTML, a color can be defined by using
be set to ff, like this #ffffff.
color names or RGB, Hex and HSL values.

• Color Name: tomato

• RGB Value: rgb (255, 99, 71)

• Hex Value: #ff6347

• HSL Value: hsl (9, 100%, 64%)


HSL Value

• In HTML, a color can be specified using HTML Text Alignment


hue, saturation, and lightness (HSL) in the
Text-align property
form: hsl (hue, saturation, lightness).
- Defines the horizontal text alignment for
• Hue is the degree on the color wheel from
an HTML element.
0 to 360, 0 (or 360) is red, 120 is green and
240 is blue. - A text can be left or right aligned,
centered or justified.
• Saturation can be described as the
intensity of the color,

- 100% is pure color (no shade of gray) HTML Text Indentation

- 50% is 50% gray (but you can still see the Text-indent property
color) - Used to specify the indentation of the
- 0% is completely gray (you can no longer first line of text.
see the color).

• Lightness can be described as how much


light you want to give the color, where 0%
means no light (dark), 50% means 50% light
(neither dark nor light), and 100% means full
light.

HTML Text Color

Color property

- Defines the text color for an HTML


element.

HTML Fonts

Font-family property

- defines the fonts to be used for an HTML


element.

HTML Text Size

Font-size property

- Defines the text size for an HTML


element.

- The font-size value can be an absolute


(pixels) or relative (em) size.
MODULE 6: INSERTING HYPERLINKS Creating bookmark links

HTML Hyperlinks HTML Bookmarks

Hyperlink or Link - Used to allow readers to jump to specific


parts of a web page.
- A word, phrase or image that a user can
click on to jump to a new document or a new - Can be useful if a web page is very long.

section within the current document. - Created using the id attribute.

- Links are found in nearly all web pages. - IDs are called by adding the pound (#)
Links allow users to click their way from symbol to the ID name.
page to page.

- Links are defined with the <a> and </a>


tags.

- The href attribute is used to specify the


destination address of the link.

target Attribute

- Specifies where to open the link document.

_blank

– Opens the link document in a new window


or tab.

_self

– Opens the link in the same window/tab as


it was clicked (default).

Image as links

Images

- Can also be used as links, just put them


inside the <a> and </a> tags.

border=0 property

- Can be used to avoid displaying borders


around the image.

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