• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Hour 5
 

Hour 5

on

  • 992 views

 

Statistics

Views

Total Views
992
Views on SlideShare
985
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 Hour 5 Presentation Transcript

      • The skill of writing is to create a context in which other people can think.
      • Edwin Schlossberg
    • Basic Text Alignment and Formatting
      • Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition
    • Objectives
      • The Old Way Versus the New Way
      • Aligning Text on a Page
      • Three Types of HTML Lists
      • Placing Lists Within Lists
    • Objectives
      • Boldface, Italics, and Special Text Formatting
      • Tweaking the Font
      • Working with Special Characters
    • The Old Versus the New Way
      • Old Still Works
      • The Old can get messy!
      • CSS - Cascading Style Sheets
      • Tidy!
    • 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>
    • 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>
    • 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>
    • 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”>
    • Outline List Sample
    • 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”>
    • 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
    • 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;>
    • Working with Special Characters
      • Accents, Mathematical Symbols, and More!
      • http://www.webmonkey.com/reference/Special_Characters
      • Page 112 in your book
    • Summary
      • The Old Way Versus the New Way
      • Aligning Text on a Page
      • Three Types of HTML Lists
      • Placing Lists Within Lists
    • Summary
      • Boldface, Italics, and Special Text Formatting
      • Tweaking the Font
      • Working with Special Characters
    • Creativity
      • True interactivity is not about clicking on icons or downloading files, it's about encouraging communication.
      • Edwin Schlossberg