您的位置：寻梦网首页＞编程乐园＞HTML园地＞HTML Chart

Resources - 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.

  1. Fundamentals
  2. Text
  3. Font
  4. Links
  5. Images
  6. Formatting
  7. Tables
  8. Forms
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
go back to top


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
go back to top


Font

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


Links

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


Images

Tag Property Description
<img> src
alt
name
border
height
width		 Creates an image
go back to top


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
go back to top


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
go back to top


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
<textarea> </textarea> name
rows
cols
wrap
wrap off
virtual
physical		 no wrap
word wrap, sent as one line
word wrap, sent with breaks
go back to top