|
|
/ June 2000 / version 4.5.2 /
version history /
l e s s o n s
Below are links to all of the lessons in this tutorial. Most of the lessons can be done off-line if you download to your computer an archive of the tutorial pages. 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. |
- Creating Your First HTML Document
- Modifying an HTML Document
- Headings: Six Levels Deep <h1> <h2> ...
- Breaking up into Paragraphs <p> <br> <hr>
- Doing it with Style <b> <i> <tt>
- Lists, Lists, and Lists <ul> <ol>
- Graphics and File Formats
- Inline Images <img...>
- Linking it with Anchors
- Links to Local Files <a href="file.html ...>
- URLs: Web Pointers http:, ftp:, gopher:..
- Links to the World: Internet sites <a href="http:// ...>
- Links to Sections of a Page <a name= ...>
- HyperGraphic Links <a href= ...><img...></a>
- Preformatted Text <pre>
- Special Characters é ©
- Definition Lists <dl> <dt> <dd>
- Address Footers and E-Mail Links <address> <a href=mailto:...>
- You can Blockquote Me on That <blockquote>
- 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. |
- Standard and Enhanced HTML
- Colorful And Textured Backgrounds <body bgcolor=...>
- Don't Blink, Don't Marquee
- Spiffing Up Text <font color=... face=... size=... > <sup> <sub> <u> <strike>
- Easy Horizontal Rules <hr>
- Extra Alignment <div>, <center> <img vspace=..., hspace=...
- Setting the Table <table..>
- More for Images and Lists <BORDER=0..>, <ol type=..>
- Clickable Image Maps <map...>
- META in your HEAD <META...>
- Target That Window <a href=... target=...>
- Web Page, You've Been Framed <frameset cols=... > <frame src=... >
- A Wee Dose of JavaScript <script language=JavaScript... >
- Alerts and Rollovers <a href=... onClick="alert('...')" onMouseOver="...
- Dynamic Content document.write('..
- Custom Window Openers window.open('..
- Swapping Images onMouseOver=... onMouseOut=...
- Adding some FORM to your webs
- Forming Forms <form..>
- Form Action by email and CGI <form action=..>
- Form Action by JavaScript
- Multimedia in Your Page
- Animated My GIF!
- Movie Time <embed src=...>
- Sound of [web] Music
- Hit Me With a Shockwave
- Small Cup of Java (to go) <applet code=...>
|
The Next Generation
Moving your web pages into the future with HTML 4.0 features and then some
|
HTML has come a long way since we wrote this tutorial in 1994! We had planned to add new lessons for Dynamic HTML, Cascading Style Sheets, and perhaps even XML in Spring 2000. However, as these are much more comprehensive concepts than HTML (and would greatly increase the size of this package), our next plan is to develop brand new, separate tutorials.
Because I will be on sabbatical July 1 - December 31, 2000, these will likely not even appear until Spring 2001. We have selected other reliable tutorials on these subjects in our references section.
Unitl then, keep on writing great HTML.
|
Post-Graduate Work
Things to do and look at once you've mastered the content here. |
- If your work is available on the web, be sure to register as a Writing HTML Alumni.
- Dave Siegel's Web Wonk will show you how to create artful web pages that look like no other web pages you have seen (except for those that mimic the style!). See also his How to Create Killer Websites a book, a web site, and an experience.
- The Yale C/AIM WWW Style Manual should already be on your bookmark list! This is high octane stuff. We also like the Guide to Web Style by Sun Microsystems, and the Sevloid Guide to Web Design. For more on shaping raw content into effective web pages, see James West's Information Design Tutorial.
- Always keep within a mouseclick's distance Kevin Werbach's Bare Bones Guide to HTML, webreference.com, HTML Goodies, and Dr. HTML.
|
Writing HTML: The Lessons
©1994-1999
Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
URL: http://www.mcli.dist.maricopa.edu/tut/lessons.html
|