Doing It With Style

1
Doing It With Style!

• Sherry Allen, March 12, 2002

• Size
• Face
• Color
• Bold
• Italics
• Centering Text

2
Courier
Courier 24-point
3
Objectives

• Identify the HTML tags for the text styles--bold,
  italics, and centering
• Change the size of specific portions of text in a
  web page
• Change the color of specific portions of text in
  a web page
• Enter text in your HTML document in these
  different text styles and view the changes within
  your web browser

4
Bold and Italics

• ltbgt
• lt/bgt

Be Bold!

• ltigt
• lt/igt

Use Italics!
5
Now You Try It

• Open Notepad
• Enter the following codes to begin
• your HTML document

lthtmlgt ltheadgt lttitlegtDoing It With
Style!lt/titlegt lt/headgt ltbodygt lt/bodygt lt/htmlgt
6
Using The Bold Tag

• Enter your name using the bold tag in between the
  body tags
• Example
• ltbgtSherry Allenlt/bgt

Always save Your changes!

• practice.html

7
Using The Italics Tag

• Key the name of your favorite celebrity using the
  italic tag

• Example
• ltigtRichard Gerelt/igt

8
Centering Your Text

• Key the name of your favorite food

• Example ltcentergtSaladlt/centergt

9
Changing the Font Size

• Font size 1 the smallest
• Font size 7 the largest
• Font size 3 the average size

Key the name of your least favorite day of the
week, making it the smallest font size. Example
ltfont size1gtMondaylt/fontgt
Key the name of your favorite day of the week,
making it the the largest font size. Example
ltfont size7gtFridaylt/fontgt
10
Big and Small Tags

• ltbiggtlt/biggt

• ltsmallgtlt/smallgt

11
Basefont Size
Set the default font for a document using the
basefont tag Example ltbasefont size4gt Key
in your favorite holiday.
Key one of your favorite times of the year using
the font command and the size attribute 4
Example (for larger fonts) ltfont
size4gtJune, July, and Augustlt/fontgt
Key one of your least favorite times of the year
using the font command and a size attribute of -2
Example (for smaller fonts) ltfont
size-2gtSeptemberlt/fontgt
12
Saying It With Color

• ltfont colorredgtlt/fontgt
• ltfont color6633FFgtlt/fontgt

http//hotwired.lycos.com/webmonkey/reference/colo
r_codes/
Find your favorite color in the list and change
your name (previously typed) to your favorite
color.
13
Font Face

• ltfont faceArial, Helvetica size4
  colorFF66FFgtGo devils! lt/fontgt

or
ltfont facefont_1, font_2 size4
colorFF66FFgtGo Devils!lt/fontgt
14
Seeing Is Believing

• a\My Documents\Practice.html

15
Testing Your Browser

• http//www.mcli.dist.maricopa.edu/tut/tut18_ex/tes
  t.html

16
Take the HTML Challenge