Writing HTML | About | FAQ | Alumni | Kudos | References | Tags | Lessons |
...
/ May 1999 / version 4.0.1 / version history /

l e s s o n s
Below are links to all of the lessons in this tutorial. You can download to your own computer an archive the tutorial pages-- most of the lessons can be done off-line. We've provided links at the top of every lesson page to a brief summary of all HTML tags covered in these lessons. If you are having trouble, first check the Frequently Asked Questions also linked from the top of every lesson page.

HTML 101
How the web works		       0. Standardly Speaking About HTML
Building a Foundation...
Nuts 'n Bolts HTML
Basic tags for formatting pages to HTML 2.0 standards. These codes will make your pages viewable to the widest audience range.
  1. Creating Your First HTML Document
  2. Modifying an HTML Document
  3. Headings: Six Levels Deep <h1> <h2> ...
  4. Breaking up into Paragraphs <p> <br> <hr>
  5. Doing it with Style <b> <i> <tt>
  6. Lists, Lists, and Lists <ul> <ol>
  7. Graphics and File Formats
    1. Inline Images <img...>
  8. Linking it with Anchors
    1. Links to Local Files <a href="file.html ...>
    2. URLs: Web Pointers http:, ftp:, gopher:..
    3. Links to the World: Internet sites <a href="http:// ...>
    4. Links to Sections of a Page <a name= ...>
    5. HyperGraphic Links <a href= ...><img...></a>
  9. Preformatted Text <pre>
  10. Special Characters &eacute; &copy;
  11. Definition Lists <dl> <dt> <dd>
  12. Address Footers and E-Mail Links <address> <a href=mailto:...>
  13. You can Blockquote Me on That <blockquote>
  14. Lumping vs. Splitting
Beyond the Basics
Modify and enhance your web pages with features available in HTML 3.2.

While we cannot provide instruction in as great detail on the more complex things you can include in your web pages, we provide links to other resources that may assist you.
  1. Standard and Enhanced HTML
  2. Colorful And Textured Backgrounds <body bgcolor=...>
  3. Don't Blink, Don't Marquee
  4. Spiffing Up Text <font color=... face=... size=... > <sup> <sub> <u> <strike>
  5. Easy Horizontal Rules <hr>
  6. Extra Alignment <div>, <center>
  7. Setting the Table <table..>
  8. More for Images and Lists <BORDER=0..>, <ol type=..>
  9. Clickable Image Maps <map...>
  10. META in your HEAD <META...>
  11. Target That Window <a href=... target=...>
  12. Web Page, You've Been Framed <framset cols=... > <frame src=... >
  13. A Wee Dose of JavaScript <script language=JavaScript... >
    1. Alerts and Rollovers <a href=... onClick="alert('...')" onMouseOver="...
    2. Dynamic Content document.write('..
    3. Custom Window Openers window.open('..
    4. Swapping Images onMouseOver=... onMouseOut=...
  14. Adding some FORM to your webs
    1. Forming Forms <form..>
    2. Form Action by email and CGI <form action=..>
    3. Form Action by JavaScript

    these lessons are currently being developed...

  15. Multimedia in a Page
    1. Sound and Movies
    2. Shockwave and Flash
    3. Small Cup of Java (to go)
The Next Generation
Moving your web pages into the future with HTML 4.0 features
  1. Placing it in Layers and DIVs
  2. Style Sheets
  3. Access Features
  4. Dynamic HTML
Post-Graduate Work
Things to do and look at once you've mastered the content here.

Writing HTML: The Lessons
©1994-1999 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

The Internet Connection at MCLI is Alan Levine --}
Comments to levine@maricopa.edu

URL: http://www.mcli.dist.maricopa.edu/tut/lessons.html