HTML Chart

 

HTML Chart HTML, or Hyper Text Markup Language, is the language used to create web pages. Below is a reference chart of HTML tags.
Here’s a list of all known tags (I think) for your hand-coding needs. 
Fundamentals

Tag Property Description
<html>
</html>
Top line of all html document
<head>
</head>
Houses general browser information for web page
<title>
</title>
Title of document. Located in header
<body>
</body>
background
bgcolor
bgsound
font
link
alink
vlink
topmargin
leftmargin 
marginheight
marginwidth
Applies attributes to entire document

Text Modification

Tag Description Example
<b> </b> Bolded text Sample text
<i> </i> Italicized text Sample text
<u> </u> Underlined text Sample text
<pre> </pre> Preformatted text
Sample text
<h1> </h1> Header 1

Header 1

<h2> </h2> Header 2

Header 2

<h3> </h3> Header 3

Header 3

<h4> </h4> Header 4

Header 4

<h5> </h5> Header 5
Header 5
<h6> </h6> Header 6
Header 6
<sub> </sub> Subscript Subscript
<sup> </sup> Superscript Superscript

Font

Tag Property Description
<font>
</font>
color
size
name
Applies style to text

Links

Tag Property Description
<a> </a> href
target
style
class
name
id
Generates a link to other documents or locations

Images

Tag Property Description
<img> src
alt
name
border
height
width
Creates an image

Formatting

Tag Description Example
<blockquote>
</blockquote>
Used for long quotes. Indents all text and images within the tags. Sample of text in a block quote format
<ol> </ol> Ordered List (used with <li>)
  1. Item 1
<ul> </ul> Unordered List (used with <li>)
  • Item 1
<li> List element
<dd> </dd> Definition List Sample text
<dt> Definition Term Sample text
<dd> Definition Description Sample text
<p> </p> Paragraph return Sample text
<br> Line break Sample
text
<hr> Horizontal rule

<center> </center> Center elements Sample

Tables

Tag Property Description
<table> </table> border
cellpadding
cellspacing
width
height
name
id
title
bgcolor 
background
align
valign
Holds the table elements
<tr> </tr> height
bgcolor
background
align
valign
title
Defines a new row
<td> </td> height
width
bgcolor
background
align
valign
title
colspan
rowspan
Defines a table cell
<th> </th> height
width
bgcolor
background
align
valign
title
colspan
rowspan
Table header. Automatically bolds and centers contents
<tbody> </tbody> height
width
align
valign
bgcolor
background
Applies formatting to surrounded cells
<colgroup> </colgroup> height
width
align
valign
bgcolor
background
colspan
Applies formatting to given column

Forms

Tag Property Description
<form> </form>

method
action
name
Holds the form elements
<input type=> text
password
hidden
radio
checkbox
submit
image
reset
Various types of form elements
text name
value
width
maxlength
password name
value
width
maxlength
hidden name
value
Used to pass hidden elements to forms
radio name
value
Radio 1
Radio 2
checkbox name
value
checked
Check 1
Check 2
submit value
image src
height
width
alt
name
border
reset value
<select> </select> name
size
Create Drop-down boxes. Used in conjunction with option
<option> selected
name
value
Option 1 Option 2 
<textarea> </textarea> name
rows
cols
wrap
wrap off
virtual
physical
no wrap
word wrap, sent as one line
word wrap, sent with breaks
Advertisements