Introduction to HTML
HTML Tags, Links, & Structure
Outline for Internet Course presentation
The Basic Web Page
- Document Tags
- Text Formatting
- Headings
- Paragraphs
- Lists
- Styles
- Anchors (Links)
- Images (Graphics)
Writing HTML: Things to remember!
- code syntax
- file names & location
- only the < > tags and text matter (spaces and returns don't)
- clear HTML code organization
Information Design Tips for Web sites
- clear and simple pages
- white space and simple color schemes
- authorship and institutional affiliation
- modification date
- navigation bar, home page link
- URL: page location
- simple, logical, site organization
Document Tags
<HTML>
<HEAD>
<TITLE>My Home Page</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Paragraph Tags and Headings
- <P> - paragraph space (with a space between paragraphs)
- <BR> - line break (start a new line, no space)
- <HR> - horizontal rule or line accross the page
(no closing tag needed for <P>, <BR>, or <HR>)
- <H1> </H1>, <H2> </H2>, <. . .>, <H6></H6> - headings (automatically create a return and space after each heading, H1 largest, H6 smallest)
Heading 1
heading 6
Unordered, Ordered, & Definition Lists
- <UL>, </UL> - unordered list
- <OL>, </OL> - ordered list
- <LI> - list item, used for each item within an ordered or unorderd list (no closing tag)
- <DL>, <DL COMPACT>, </DL> - definition list
- <DT> - definition term in a definition list (no closing tag)
- <DD> - definition in a definition list (no closing tag)
Physical Styles
- <B> - bold
- <I> - italic
- <TT> - teletype (monospaced font)
- <CENTER> - align center
- <BLOCKQUOTE> - block quotation
Anchor or Link Tag
- Absolute Link - a link to a page on another web site (includes full URL)
- <A HREF="http://www.xxx.zzz/file.html">HotLinked text</A>
- Relative Link (file is in the same directory/folder as current file)
- <A HREF="filename.html">HotLinked text</A>
- Internal or Named Link, also called Targeted Link - a link to a place within same page
- Name the Place in your page
- <A NAME="TopOfPage">Targeted Place in Page</A>
- Create a Link to Targeted Place
- <A HREF="#TopOfPage">HotLinked text</A>
Image
- <IMG SRC="image.gif" ALT="Image Name">
[I-net Class Home Page]
Last Modified 18.11.98
Merrill Oates Oates@c3.hu
Merrill Oates Oates@policy.hu
Created 5-Feb-98
URL: <http://www.policy.hu/inetclass/LearnHTML.html>
meO