HTML 101 - Basic Course in coding HTML You are Visitor #

Introduction to HTML: An On-Line Tutorial

On the top of each screen you will find the following buttons. Their meaning for each is described below:

MenuGo to Main Menu
BackGo to Prior Screen
NextGo to Next Screen
Clicking on TOP will bring you back to the top of page
..............Click to Start Tutorial..>>> Start

Another HTML Tutorial - Click Here

Author and Contact Information
Charles S. Patridge - PDPC, Ltd. - 172 Monce Road - Burlington, CT 06013
Home: 860-673-9278
Email:Charles_S_Patridge@prodigy.net
Website:www.sconsig.com

By clicking on any Blue Underlined Text will take you to that Lesson. Have Fun! Introduction

  • Introduction
  • Elements of HTML - Syntax
    • TOP HTML Tags - Document Headings
  • TITLE
  • H1 to H6
    • TOP HTML Tags - Text Controls
  • CENTER -<CENTER>...</CENTER>
  • BOLD -<B>...</B>
  • ITALIC -<I>...</I>
  • EMPHASIZE -<EM>...</EM>
  • STRONG -<STRONG>...</STRONG>
  • CITE -<CITE>...</CITE>
  • KEYBOARD -<KBD>...</KBD>
  • SAMPLE -<SAMP>...</SAMP>
  • TYPEWRITER -<TT>...</TT>
  • DEFINITION TERM - <DFN>...</DFN>
  • CODE -<CODE>...</CODE>
  • UNDERLINE - <U>...</U>
    • TOP HTML Tags - Font Size and Color Controls
  • FONT SIZE - <font size=#>...</font>
  • FONT COLOR - <font color=red>...</font>
    • TOP HTML Tags - Simple Example
  • Example 1
  • Example 2
    • TOP HTML Tags - Paragraph Controls
  • PARAGRAPH BREAK - <P>
  • LINE/CARRIAGE RETURN - <BR>
  • HORIZONTAL RULE - <HR>
  • PREFORMATTED TEXT - <PRE>...</PRE>
    • TOP HTML Tags - Creating Lists
  • Definition List - <DL>..lists..</DL>
  • Definition List with Bullets - <DL>..lists..</DL>
  • Directory List - <DIR>..lists..</DIR>
  • Directory List with Bullets - <DIR>..lists..</DIR>
  • Directory List within Lists - <DIR>..lists..</DIR>
  • Directory List within Lists with Bullets - <DIR>..lists..</DIR>
  • Sample HTML Lists - 1
  • Sample HTML Lists - 2
  • Sample HTML Lists - 3
  • Ordered Lists - <OL>..lists..</OL>
  • Unordered Lists - <UL>..lists..</UL>
  • Sample HTML Lists - 4
  • Sample HTML Lists - 5
    • TOP HTML Tags - Creating Links within a Document
  • Establish a Name for each Internal Link - <A NAME="linkname">..text..</A>
  • Establish a Reference to each Named Link - <A href="#linkname">..text..</A>
  • Establish an External Link within SAME Directory - <A href="URL Address">..URL Address or Text..</A>
  • Establish an External Link to another Website/Web Page - <A href="http://FULL URL Address">.. FULL URL Address or Text..</A>
    • TOP HTML Tags - Creating a Mail To Me Tag
  • Example of a Mail To Me - <A href="mailto:emailaddress@serviceprovider">...emailaddress@serviceprovider</A>
    • TOP HTML Tags - Graphic Images
  • Incorporating a Graphics Image in to a Document<IMG SRC="name.ext">
  • What is Images are turned off<IMG SRC="name.ext" alt text="text description">
  • Aligning Text next to Image<IMG SRC="name.ext" align=TOP>
  • Example 1<IMG SRC="name.ext" align=CENTER>
  • Example 2<IMG SRC="name.ext" align=BOTTOM>
  • Example 3<IMG SRC="name.ext" align=TOP>
  • Example 4<IMG SRC="name.ext" align=CENTER>
  • Example 5<IMG SRC="name.ext" align=BOTTOM>
  • Example 6<IMG SRC="name.ext" align=CENTER>
  • What if image file does not exist or misspelled or not where you said it would be!
  • Graphic Images - Making them link to other pages!<A href="url address"><IMG SRC="name.ext"></A>
    • TOP HTML Tags - Tables
  • Creating Tables<TABLE>...Table Tags...</TABLE>
  • More Examples
  • Another Table Example
    • TOP HTML Tags - Javascript Utility
  • A Javascript Utility to post when File Last Updated"
    • TOP HTML Tags - Dressing up the Body of Your Web Page
  • Adding Color to a Whole Page<BODY BGCOLOR=color>
  • Adding A Back Ground Image to Whole Page<BODY BACKGROUND="Image.gif">
  • Sample of An Image Background - 1<BODY BACKGROUND="Image.gif">
  • Sample of An Image Background - 2<BODY BACKGROUND="Image.gif">
  • Sample of An Animated Image - 3<BODY BACKGROUND="Image.gif">
  • How to Create or obtain copies of Images
  • Adding Sound to your Document
  • Java Utility to Randomly Choose a Song
  • Creating an Autoload Web Page
  • Creating a Counter for # of Visitors
    • TOP HTML Tags - Additional Topics
  • Example of a Guestbook and Use of Forms
  • How do I notify past Visitors my web page has been updated?
  • Some Useful Software Tools but Not Essential
  • Simple SAS program to Dump your SAS Listings to an HTML Page
  • Special Codes to Display Ascii Characters
  • Build it, They will Come! Increase Visitor Count
    • TOP HTML Tags - How to Build Forms
  • How to Build Forms
    • TOP