Introduction to HTML: Class Outline

I. Overview: What are we going to do today?

II. Getting Started

What is HTML?
HTML stands for Hypertext Markup Language, a simple data language that uses tags to guide the display of Web documents by browser software.

What does HTML look like?

Tags
Tag Syntax: Formatting tags properly
Sections of an HTML Document (head, body)

Basic HTML Tags (See HTML Guide No. Ia)
Saving your first HTML page as an HTML file
Tips for proper file naming

First Hands On Session

III. Using Lists to Organize Information

Creating lists: <ul>, <ol>, <dir>, <dl> (See HTML Guide No. Id)

IV. Creating Hypertext Links

Tagging an external link: (see reverse side of HTML Guide No. Ia)

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 No. Ib)

Second Hands On Session

V. Images on the Web

Adding images to your Web page (See HTML Guide No. Ie)

Third Hands On Session

VI. HTML Editors

Using the HTML menu in NoteTab Light.

Obtaining HTML Editing Software:

Download NoteTab Light editing software (freeware for PCs)

Download latest version of TextWrangler (for Macs)

Olin & Uris Libraries Workshops

Olin & Uris Libraries

Last updated 17 March 2009 (nm)
Tony Cosgrave and Michael Engle
URL: http://www.library.cornell.edu/okuref/ws/html/html1.html