HTML Topics
©1998–2010 R. Hinton, Broome Community College
Last Updated: 16–Feb–10

Simple Web Page Sample

Headings

This is h1

This is h2

This is h3

This is h4

This is h5
This is h6

 

Text Alignment

Center aligned

Right aligned

Left aligned

Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned; Justify aligned

 

Text Attributes

Bold
Italics
Underline

 

Horizontal Lines




 

Example

Using the HTML Tags

Using these tags makes it easy to create simple Web Pages. Most of the tags take the form: <TagName>…</TagName>. The text (represented by …) between the tags will have that attribute. Be careful to only include the text you want between the tags.

Appropriate use of these tags makes it easier to view your Web Pages. What does this mean? Don't overuse them! They are designed to help emphasize your content and overuse diminishes their impact. Too many elements can clutter the page and be distracting rather than informative.

Specifics

Be consistent! Limit yourself to a couple of heading sizes. Major headings should be one size (usually larger), while minor headings should be another (usually slightly smaller). Paragraphs should all be left aligned or justify aligned. Don't mix and match them. Use bold, italics, and underlining sparingly. Use them to draw attention to important points. Most importantly, BE YOUR OWN BEST JUDGE! If it doesn't look good to you, then it probably doesn't look good to others.


Viewing the HTML Code for a Web Page

In Firefox, click View on the Menu bar, then click Page Source
In Internet Explorer, click View on the Menu bar, then click Source

Return to Top of Page