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. 1a)

<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 No. 1b)

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)

Fourth Hands On Session

VII. Web pages on a server (See HTML Guide No. 1F)

CU People [Cornell community only]
Putting your pages on CIT's Web server using FTP (file transfer protocol)
Getting your pages from CIT's Web server using FTP

Setting up a server at Cornell Other options besides CU People

Fifth Hands On Session

HTML Learning Resources:

Web Style Guide (Lynch & Horton)

WebMonkey

w3schools

Olin & Uris Libraries Workshop Series

Olin & Uris Libraries

Last updated 07 May 2007 [MOE]
Tony Cosgrave and Michael Engle
URL: http://www.library.cornell.edu/okuref/ws/html/html1.html