The skill of writing is to create a context in which other people can think'

1

• The skill of writing is to create a context in
  which other people can think.
• Edwin Schlossberg

2
Hour 05

• Basic Text Alignment and Formatting

• Sams Teach Yourself HTML and CSS in 24 Hours, 7th
  Edition

3
Objectives

• The Old Way Versus the New Way
• Aligning Text on a Page
• Three Types of HTML Lists
• Placing Lists Within Lists

4
Objectives

• Boldface, Italics, and Special Text Formatting
• Tweaking the Font
• Working with Special Characters

5
The Old Versus the New Way
THIS WEB SITE CLEAN

• Old Still Works
• The Old can get messy!
• CSS - Cascading Style Sheets
• Tidy!

6
Aligning Text on a Page

• Aligning a Paragraph
• ltp styletext-alignrightgtTEXTlt/pgt
• ltp styletext-aligncenter gtTEXTlt/pgt
• Aligning an Entire Section of a Page
• ltdiv styletext-aligncentergt
• lth1gtBohemialt/h1gt
• lth3gtby Dorothy Parkerlt/h3gt
• lt/divgt

7
Three Types of HTML Lists

• Ordered list Numbered
• ltolgt
• ltligtTEXTlt/ligt
• lt/olgt

• Definition list Terms Meanings
• ltdlgt
• ltddgtTEXTlt/ddgt
• ltdlgt
• ltddgtTEXTlt/ddgt
• lt/dlgt
• lt/dlgt

• Unordered list Bulleted
• ltulgt
• ltligtTEXTlt/ligt
• lt/ulgt

8
Placing Lists Within Lists
ltulgt ltligtOrdered Lists ltulgt
ltligtNumbered ltulgt
ltligtDecimallt/ligt ltligtLowercase
Roman numerallt/ligt
ltligtUppercase Roman numerallt/ligt
lt/ulgt lt/ligt
ltligtAlphabetized ltulgt
ltligtLowercaselt/ligt
ltligtUppercaselt/ligt lt/ulgt
lt/ligt lt/ulgt lt/ligt lt/ulgt

• Indent Items by Nesting
• Same of opening and closing tags
• How many do you count?

9
List Styles

• Unordered list styles
• ltul stylelist-style-typediscgt
• ltul stylelist-style-typecirclegt
• ltul stylelist-style-typesquaregt
• Ordered list styles
• ltol stylelist-style-typeupper-romangt
• ltol stylelist-style-typeupper-alphagt

10
Outline List Sample
11
Boldface, Italics, and Special Characters

• Boldface the old way and the new way
• ltbgtBold Textlt/bgt
• ltp stylefont-weightboldgtBold Textlt/pgt
• Italic the old way and the new way
• ltigtItalic Textlt/igt
• ltp stylefont-weightitalicgtItalic Textlt/pgt
• You can place both styles in one tag
• ltp stylefont-weightbold font-weightitalicgt

12
HTML Tags That Add Special Formatting

• Tag
• ltsmallgt
• ltbiggt
• ltsupgt
• ltsubgt
• ltemgt or ltigt
• ltstronggt or ltbgt
• ltttgt
• ltpregt

• Function
• Small Text
• Big Text
• Superscript text
• Subscript text
• Emphasized (italic) text
• Strong (boldface) text
• Monospaced text (typewriter font)
• Monospaced text, preserving spaces and line breaks

13
Tweaking the Font

• font-family - Sets the family (typeface)
• font-size - Sets the size of the font
• color - Sets the color of the font
• ltp style"font-familyverdana, arial
  font-size12pt colornavy"gt

14
Working with Special Characters

• Accents, Mathematical Symbols, and More!
• http//www.webmonkey.com/reference/Special_Charact
  ers
• Page 112 in your book

15
Summary

• The Old Way Versus the New Way
• Aligning Text on a Page
• Three Types of HTML Lists
• Placing Lists Within Lists

16
Summary

• Boldface, Italics, and Special Text Formatting
• Tweaking the Font
• Working with Special Characters

17
Creativity

• True interactivity is not about clicking on icons
  or downloading files, it's about encouraging
  communication.
• Edwin Schlossberg