HTML: A Guide to Hard-Coding

   

Starting your first page

The Body

Paragraphs

Headings

Images

Fonts

More Fonts

Line Breaks

Links

Colors

Backgrounds

Horizontal Lines

Mailto

Basic Tables

Advanced Tables

Putting your page Online

Frames

Forms

The Head

JavaScript Drop-Down Menu

Cascading Style Sheets

Basic HTML tags

HTML Home

 

 

Dreamweaver Tutorial

Adobe Acrobat

Faculty Resource Center

 

Susan's Homepage

 

A list of Basic HTML Tags and their Attributes

Name Tag Attribute Ending Tag? Notes
Anchor <A>
  • Href
  • name
</A> these are used with links
Area <area>
  • coords
  • href
  • shape
    • rect
    • circ
    • poly
  • alt
  • target
yes Used in conjunction with <map>
Bold <b> none yes  
Background Sound <bgsound>
  • src
  • loop
  • volume
no does not work with Netscape
Big <big> none yes used with text
Blink <blink> none yes use this wisely--it is very annoying to most people
Blockquote <blockquote> none yes indents a paragraph to show that it is a quotation
Body <body>
  • background
  • bgcolor
  • alink
  • link
  • text
  • vlink
yes this is the "viewable" part of your page
Line Break <br> none no use a line break when you don't want to skip a line
Center <Center> none yes  
Emphasis <em> none yes most browsers will interpret this as italics
Font <font>
  • face
  • size
  • color
yes controls the look of your text
Form <form>
  • action
  • method
  • target
yes for interactive data entry on a page
Frame <frame>
  • frameborder
  • marginheight
  • marginwidth
  • name
  • noresize
  • scrolling
  • src
no  
Frameset <frameset>
  • cols
  • rows
yes used to make a "shell" of frames
Headings <h1> to <h6>
  • align
    • left
    • right
    • center
yes <H1> is the largest, <H6> is the smallest. I prefer to use sizes rather than headings.
<head> <head> none yes  
Horizontal Rule <hr>
  • align
    • left
    • right
    • center
  • noshade
  • size
  • width

 

no used for graphic impact; puts a line on your page
Italic <i> none yes  
Image <img>
  • align
    • left
    • right
  • alt
  • border
  • height
  • src
  • width
  • usemap

 

no inserts an image into your page
List Item <li> none no used in ordered <ol> and unordered <ul> lists
Map <map>
  • name
yes used with the <area> tag to create an image map with hotspot links
Marquee <marquee>
  • behavior
  • bgcolor
  • direction
  • height
  • loop
  • scrolldelay
  • width
yes does not work with Netscape
Meta <meta>
  • content
  • http-equiv
  • name
  used for hidden informational elements
Ordered List <ol>
  • type
    • a
    • A
    • i
    • I
    • 1
yes numbers or letters a list
Paragraph <p>
  • align
    • left
    • right
    • center
no

The end tag is not necessary, but is usually used.

Most browsers insert a line before and after a paragraph of text.

Strong <strong> none yes  
Subscript

<sub>

none yes  
Superscript <sup> none yes  
Table <table>
  • align
    • left
    • right
    • center
  • bgcolor
  • border
  • cellpadding
  • cellspacing
  • width
  • height
  • background
yes

use with <td> and <tr>

Very helpful for page layout

Table Data <td>
  • align
    • left
    • right
    • center
  • bgcolor
  • rowspan
  • colspan
  • width
  • height
yes these are the "cells" in a table
Table Row <tr>
  • align
    • left
    • right
    • center
  • bgcolor
yes tables only have rows, not columns
Table Header <th>
  • align
    • left
    • right
    • center
  • bgcolor
  • rowspan
  • colspan
  • width
  • height
yes this secifies a header cell in a table. Must be used in a <TR>
Title <title> none
yes
placed within the <head> tags. A descriptive title is very important
Unordered List <ul>
  • type
    • circle
    • disc
    • square
yes a bulleted list