Chapter 3 - HTML Tags Part 3-b - Lecture Code
Assignment
Daytona Beach
- Using HTML font color="blue"
(deprecated)
Daytona Beach
- Using CSS Style="color:green"
Daytona Beach
- Using CSS Style="color:lightgreen"
Daytona Beach
- Using CSS Style="color:lime"
Daytona Beach
- Using CSS Style="color:azure"
Daytona Beach
- Using CSS Style="color:cyan"
Daytona Beach
- Using CSS
Style="color:rgb(75,200,100)"
Daytona Beach
- Using CSS
Style="color:rgba(75,200,100,0.5)" (a added to rgb for apacity)
Daytona Beach
- Using CSS Style="color:#cc00cc"
Daytona Beach
- Using CSS Style="color:#50B6AB
Daytona Beach
- Using CSS
Style="color:hsl(45,60%,50%)"
Daytona Beach
- Using CSS
Style="color:hsla(45,60%,50%,0.6) (a added to hsl for apacity)
Daytona Beach
-
Using CSS Style="color:blue; background-color:#99CCCC" which is
stringing these two color and background style attributes together;
notice the semi-colon as a seperator (color:blue;) between those
attributes.
Six Standard/Generic Fonts used all of the
browsers:
Daytona Beach
- Using the Font-Family style
attribute with the value serif.
Daytona Beach
- Using the Font-Family style
attribute with the value sans-serif which looks similar to Ariel.
Daytona Beach
- Using the Font-Family style
attribute with the value monospace.
Daytona Beach
- Using the Font-Family style
attribute with the value cursive.
Daytona Beach
- Using the Font-Family style
attribute with the value fantasy.
Daytona Beach
- Using the Font-Family style
attribute with the value georgia.
Additional Fonts used by some to most of the
browsers:
Daytona Beach
- Using the Font-Family style
attribute with the value fantasy.
Daytona Beach
- Using the Font-Family
style attribute with the value comic sans MS.
Daytona Beach
- Using the Font-Family
style attribute with the value century gothic.
Daytona Beach
- Using the Font-Family style
attribute with the value impact.
Daytona Beach
- Using the Font-Family
style attribute with the value lucida console.
Daytona Beach
- Using the FontFamily style attribute with the value lucida sans unicode.
Daytona Beach
- Using
the Font-Family style attribute with the value Palotino Linotype (does
not seem to be supported as it still appears as serif).
Daytona Beach
- Using the Font-Family style
attribute with the value tahoma.
Daytona Beach
- Using
the Font-Family style attribute with the value trebuchet linotype (does
not seem to be supported as it still appears as serif).
Daytona Beach
- Using the
Font-Family style attribute with MULTIPLE values verdan, geneva, sans-serif. This
- Using the <DIV> tag with Style Attribute.
Daytona Beach
- Using font-size attribute with a
value of 3cm.
Daytona Beach
- Using font-size attribute with a
value of 30mm.
Daytona Beach
- Using font-size attribute with a value
of 3pc (pica).
Daytona Beach
- Using
font-size attrib
Daytona Beach
- Using font-size attribute with a
value of 2em.
Daytona Beach
- This is the "Parent" at 30px font
size.
Daytona Beach
- Using font-size
attribute with a value of 2em which is the "child" of the parent above
it. So 2em is double the size of the 30px parent just above it!
Daytona Beach
- Using font-size attribute with a value of
Daytona Beach
- Using font-size
attribute with a value of 30px and an addition attribute of 5px letter spacing which kerns the
letters.
Daytona
Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of bold.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of bolder.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indent of 20px,
and a font weight of light.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indent of 20px,
and a font weight of 700 (values of 1-700).
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
italic.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
oblique. Notice that oblique looks like italic.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
oblique, and a multiple font decoration of underline, overline &
line-through.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
oblique, and a multiple font decoration of underline, overline &
line-through. Also added Text Transform of Uppercase.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
oblique, and a multiple font decoration of underline, overline &
line-through. Also added Text Transform of Lower case.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
oblique, and a multiple font decoration of underline, overline &
line-through. Also added Text Transform of capitalize.
Daytona Beach
- Using font-size attribute with a value of 30px and an addition
attribute of 5px letter spacing which kerns the letters; as well as
doing a 10px word spacing; line height of 3, and a text indetn of 20px,
and a font weight of 700 (values of 1-700), and adding a font style of
oblique, and a multiple font decoration of underline, overline &
line-through. Also added Text Transform of capitalize and the text
transform of small caps.
Daytona Beach
- Using text-align attribute with a
value of center.
Daytona Beach
- Using text-align attribute with a
value of left (which is default).
Daytona Beach
- Using text-align attribute with a
value of right.
- Using the <SPAN> tag with Style
Attribute.
Daytona Beach
Daytona Beach
Daytona Beach
Port Orange
Port Orange
Daytona Beach
Port Orange
Daytona Beach
Daytona Beach
Daytona Beach111111
Daytona Beach2222222
Daytona Beach
Daytona Beach
Daytona Beach
Daytona Beach
reading and wwriting skills, group and leadership skill,
and benefit from a flexible learning environment. Through this
experience of community, you'll develop a greater sense of involveent
with the other sutdents and faculty.
reading and wwriting skills, group and leadership skill, and benefit
from a flexible learning environment. Through this experience of
community, you'll develop a greater sense of involveent with the other
sutdents and faculty.
reading and wwriting skills, group and leadership skill,
and benefit from a flexible learning environment. Through this
experience of community, you'll develop a greater sense of involveent
with the other sutdents and faculty.
reading and wwriting skills, group and leadership skill, and benefit
from a flexible learning environment. Through this experience of
community, you'll develop a greater sense of involveent with the other
sutdents and faculty.
Yahoo
DuckDuckGo
Yahoo
DuckDuckGo
Yahoo
DuckDuckGo
Yahoo
DuckDuckGo
Google