• Save
Hour 5
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Hour 5

on

  • 1,063 views

 

Statistics

Views

Total Views
1,063
Views on SlideShare
1,056
Embed Views
7

Actions

Likes
1
Downloads
0
Comments
0

2 Embeds 7

https://etudes-ng.fhda.edu 5
http://www.siskiyous.edu 2

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Hour 5 Presentation Transcript

  • 1.
    • The skill of writing is to create a context in which other people can think.
    • Edwin Schlossberg
  • 2. 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
    • Old Still Works
    • The Old can get messy!
    • CSS - Cascading Style Sheets
    • Tidy!
  • 6. Aligning Text on a Page
    • Aligning a Paragraph
      • <p style=“text-align:right”>TEXT</p>
      • <p style=“text-align:center ”>TEXT</p>
    • Aligning an Entire Section of a Page
      • <div style=“text-align:center”>
        • <h1>Bohemia</h1>
        • <h3>by Dorothy Parker</h3>
        • </div>
  • 7. Three Types of HTML Lists
    • Ordered list ~ Numbered
      • <ol>
      • <li>TEXT</li>
      • </ol>
    • Definition list ~ Terms & Meanings
      • <dl>
      • <dd>TEXT</dd>
      • <dl>
      • <dd>TEXT</dd>
      • </dl>
      • </dl>
    • Unordered list ~ Bulleted
      • <ul>
      • <li>TEXT</li>
      • </ul>
  • 8. Placing Lists Within Lists
    • Indent Items by Nesting
      • Same # of opening and closing tags
    • How many do you count?
    <ul> <li> Ordered Lists <ul> <li> Numbered <ul> <li>Decimal</li> <li>Lowercase Roman numeral</li> <li>Uppercase Roman numeral</li> </ul> </li> <li> Alphabetized <ul> <li>Lowercase</li> <li>Uppercase</li> </ul> </li> </ul> </li> </ul>
  • 9. List Styles
    • Unordered list styles
      • <ul style=“list-style-type:disc”>
      • <ul style=“list-style-type:circle”>
      • <ul style=“list-style-type:square”>
    • Ordered list styles
      • <ol style=“list-style-type:upper-roman”>
      • <ol style=“list-style-type:upper-alpha”>
  • 10. Outline List Sample
  • 11. Boldface, Italics, and Special Characters
    • Boldface the old way and the new way
      • <b> Bold Text </b>
      • <p style=“font-weight:bold”> Bold Text </p>
    • Italic the old way and the new way
      • <i> Italic Text </i>
      • <p style=“font-weight:italic”> Italic Text </p>
    • You can place both styles in one tag
    • <p style=“ font-weight:bold; font-weight:italic”>
  • 12. HTML Tags That Add Special Formatting
    • Tag
    • <small>
    • <big>
    • <sup>
    • <sub>
    • <em> or <i>
    • <strong> or <b>
    • <tt>
    • <pre>
    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
    • <p style=&quot;font-family:verdana, arial; font-size:12pt; color:navy&quot;>
  • 14. Working with Special Characters
    • Accents, Mathematical Symbols, and More!
    • http://www.webmonkey.com/reference/Special_Characters
    • 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