Title: 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
2Hour 05
- Basic Text Alignment and Formatting
- Sams Teach Yourself HTML and CSS in 24 Hours, 7th
Edition
3Objectives
- The Old Way Versus the New Way
- Aligning Text on a Page
- Three Types of HTML Lists
- Placing Lists Within Lists
4Objectives
- Boldface, Italics, and Special Text Formatting
- Tweaking the Font
- Working with Special Characters
5The Old Versus the New Way
THIS WEB SITE CLEAN
- Old Still Works
- The Old can get messy!
- CSS - Cascading Style Sheets
- Tidy!
6Aligning 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
7Three 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
8Placing 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?
9List 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
10Outline List Sample
11Boldface, 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
12HTML 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
13Tweaking 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
14Working with Special Characters
- Accents, Mathematical Symbols, and More!
- http//www.webmonkey.com/reference/Special_Charact
ers - Page 112 in your book
15Summary
- The Old Way Versus the New Way
- Aligning Text on a Page
- Three Types of HTML Lists
- Placing Lists Within Lists
16Summary
- Boldface, Italics, and Special Text Formatting
- Tweaking the Font
- Working with Special Characters
17Creativity
- True interactivity is not about clicking on icons
or downloading files, it's about encouraging
communication. - Edwin Schlossberg