Printer-friendly versionHTML I: Introduction to HTML: Class Outline
I. Overview: What are we going to do today?
II. Getting Started
What does HTML look like?
Tag Syntax: Formatting tags properly
Sections of an HTML document (head, body)
Basic HTML Tags (See HTML Guide Ia)
Software for writing and editing HTML documents (i.e., Web pages): In this workshop we are using the NoteTab Light software to create Web pages. However, any simple text editing software works fine (NotePad, etc.). (See HTML Guide Ic for more information on opening and using NoteTab Light)
Saving your first HTML document (Web page)
Tips for proper file naming
First Hands On Session
III. Creating Hypertext Links
Tagging an external link: (see reverse side of HTML Guide Ia)
<a href= "URL">...</a>
Example: <a href= "http://cuinfo.cornell.edu">CUINFO</a>
Tagging an external link that opens in a new window:
Example: <a href= "http://cuinfo.cornell.edu" target="_blank">CUINFO</a>
View the source of an HTML page with a link (see reverse side of HTML Guide Ib)
Second Hands On Session
IV. Using Lists to Organize Information
V. Images on the Web
Third Hands On Session
VI. Uploading Your HTML and Image Files
Using the SSH software in Programs: Class Files on the classroom computers, upload your HTML and image files to our temporary Web server space. (See HTML Guide If)
Fourth Hands On Session
VII. HTML Editors
Obtaining HTML Editing Software:
Download latest version of TextWrangler (for Macs)