HTML stands for hypertext markup language. It is the basis of all web pages on the Internet. By learning the “tags” or “code” of html, it is possible to publish all sorts of information globally via the World Wide Web. HTML is not difficult to master once the fundamentals of the language are understood.

HTML/Head/Body Tags – There are several tags that are essential when writing an HTML document. The four foundation tags to learn are: < html>, < head>, < title> and < body>. The html tag is always first, as it identifies the type document. Next in place is the header tag, which will show the name of the document. The title tag always follows the header tag and the name of the document appears inside this tag. Last is the body tag. This denotes the beginning of all the information that is put into the document. It is very important to remember to close the tags after putting in the proper information. This is done by adding a slash to close the tag, as < /html>.

• Charts of Commonly Used HTML Tags

• Helpful information and explanations of commonly used HTML tags
  

Header tags (H1-6)

Header tags are used in HTML to control the size or boldness of certain areas of text.

being the biggest to

being the smallest.

 

1

2

3

4

5

6

•  A standard guide to using header tags

• A short lesson on using the header tags effectively

 

Paragraph

The paragraph tag is used to indent paragraphs or to add large spaces within an HTML document. It looks like this: < p>. It takes the place of spacing used in keyboarding text documents.

• Useful information on using paragraphs and the proper tag

• A short guide to basic HTML with an example of using the tag

• Comprehensive information on using the paragraph tag in hypertext markup language

 

A HREF

This is the html tag used to link to another page or another area of the document. The code used to embed a link looks like this:

• Basic explanations of the tag with examples

• Step-by-step instructions on creating hyper-links using the a href tag

• Learn about adding links to a website

 

IMG SRC

Image source is the tag used to add pictures to a web page. Here is an example of how it is written: In order for the image to show on the page, the entire path or location of the image must be placed within the tag.

• Valuable information on finding images, legal aspects of using images and how to make images a vital part of a web page

• Information on how to add images to a page and best use of images in making pages more attractive

 

HR

This is the tag is used for adding horizontal lines and is useful to break up text within the document or adding interest to a page.

---

---

• Definition, example and uses of the HR tag

• Questions and answers on a variety of HTML topics, including the HR tag

• Three examples of different sizes and widths of horizontal lines with their corresponding tags

 

BR

This tag stands for a “line break” and is the simplest tag to use for this purpose.

• Excellent tutorial and information about using line breaks within web text

 

Bold/Italic/Underline

These types of text emphasis are achieved by using: , or It is important to close the tags when the emphasis of text is completed.

• Many common tags for HTML, including embellishing text using bold, italics and underlining

• Practice exercises on basic HTML tags

 

Tables

Tables can be used in a variety of ways within web pages. Some of their uses include charts, buttons and calendars. There are three fundamental tags that are used for tables. These are: , and

• http://www.temple.edu/cs/web/tables.html: An all-inclusive page devoted to using tables and their tags.

• http://www.tjhsst.edu/~dhyatt/superap/tables.html: Formatting pages with different types of tables and charts.

• http://www.mcli.dist.maricopa.edu/tut/tut21.html: In depth lesson on creating tables within an HTML document.

 

Lists

It is possible to add different types of lists within an HTML document. The three types of lists are the ordered list that uses numbers, the unordered list that uses bullets and the definition list that lists by indentions.

• http://apl.jhu.edu/Classes/Notes/LMBrown/courses/605-481/notes/HTML/Ordered-Lists.html: This page gives examples and tags for different types of ordered lists.

• http://web.simmons.edu/~comm244/lessons/two.html – lists: An easy to follow lesson on using different types of lists in web pages.

 

CSS

What is CSS? CSS stands for “Cascading Style Sheets” and it is used to enhance the style of HTML documents. Many times CSS and HTML are confused. To understand the difference, think of HTML as the language used to construct basic content of a web page and CSS as a means to format the HTML content. CSS is a means of controlling the overall look and style of an HTML document. When using CSS, there are a number of basic tags that can be utilized.

• Online web resources for web designers offered by the state of Kentucky

• Step by step tutorial on creating a basic CSS type page

 

DIV Tag

A common tag used in CSS is the