DOL Network - Introduction to HTML

Introduction to HTML

Author: Chris Chong

Publish Date: 2002/02/01

Welcome to the HTML 1 course. This course will aid you in developing a basic to intermediate level of understanding in HTML and to develop a simple website from scratch.

A few things to note before we start the course:

Throughout the sections of this course, there will be many examples as well as source and result code. To try these, we have provided a special form where you can input HTML code and the results will display with a simple click of a button. To activate the form, simply click the link on the left menu bar that says "Try Your HTML!"

At the end of most sections, there will be a project assigned. All the projects are interconnected and build upon each other. At the end of the course, you will have completed a simple web site. To ensure that you are completing your assignments correctly, we have also provided a solution file for you to download and compare.

Topic highlights :

-- Basic Tools
-- Introduction to HTML
-- Basic Tags and Structure
-- Creating and Organizing Texts and Lists
-- Comments and Other Tags
-- Images
-- Hyperlinks and Navigation
-- Fonts
-- Meta Tags

	chapter 1 Basic Tools Before we begin to learn HTML and develop a website you will need the following tools: Browser HTML Editor FTP Client and Web Host
	chapter 2 Introduction to HTML What is HTML? and why was is created?
	chapter 3 Basic Tags & Structure The building block of HTML is tags. This section introduces tags and the structure of an HTML document.
	chapter 4 Creating and Organizing Texts & Lists Within the body section, you will want to format your text as you would in a word processing program. There are numerous tags that allow you to format and layout your text the way you want.
	chapter 5 Comments & Other Tags This section introduces comments as well as some useful formatting tags.
	chapter 6 Images There is more to web pages than just text based information. Too much text may overburden a reader; therefore images are very useful for a web page. Remember the old saying: "A picture is worth a thousand words" and this applies to web pages too. However, a web programmer must be careful not to overload the web page with too many images because it effects load times and decreases their effectiveness.
	chapter 7 Hyperlinks and Navigation A Hyperlink (also referred to as a Hypertext Link, Web link, or Link) is an object that a user can click on and it will bring them to another Web location. The Hyperlink is what weaves together all your web pages into a web site. Without links, the Web would be very difficult to navigate around. It is probably the most important factor in the success of the World Wide Web.
	chapter 8 Fonts Imagine how a web page would look if you couldn't change the way the text was displayed. HTML provides this ability by the use of the <FONT> and </FONT> tag. This tag is fairly useless on its own, however adding attributes to this tag can dramatically alter the look of your web page. There are three attributes that you can apply to the <FONT> tag are Face, Size, and Color.
	chapter 9 Meta Tags From chapter 3, you will remember that the Head section of an HTML document is the place where you store information about the document that you do not want the browser to display. Meta tags are used to insert information about a document rather than document content.