1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<!-- Thanks for reading the source of this document. Hope you enjoy -->
<!-- what you find here. Please let me know if you find any errors. -->
<HEAD>
<TITLE>Overview of all HTML elements</TITLE>
<META NAME="description" CONTENT="An overview of all elements in the HTML 3.2 (Wilbur) specification, with cautions, notes and recommendations. Includes syntax.">
<META NAME="keywords" CONTENT="html authoring, reference, wilbur, tag overview">
<META NAME="generator" CONTENT="Orb v1.3 for OS/2">
<META NAME="author" CONTENT="Arnoud Engelfriet">
<LINK REV="made" HREF="mailto:galactus@htmlhelp.com" TITLE="Wilbur feedback">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080"
ALINK="#000080">
<H2><IMG SRC="./icon/wdglogo.gif" WIDTH=250 HEIGHT=74 ALT="The Web Design Group presents:"></H2>
<H1 ALIGN=CENTER>Overview of all HTML elements</H1>
<HR WIDTH="75%" SIZE=3>
As explained in the <A HREF="structure.html">section on structure</A> of
Wilbur documents, an HTML document consists of two major sections:
<STRONG>HEAD</STRONG> and <STRONG>BODY</STRONG>. Each has its own
permitted elements and requirements.
<P>
The elements themselves can also have requirements about where they may occur,
and which elements may occur inside them. This is only important in the
BODY section of a document. In here, elements can be grouped in two
distinct groups: <EM>block level</EM> and <EM>text level</EM>
elements. The former make up the document's structure, and the latter
"dress up" the contents of a block. This terminology is explained in
more detail in the <A HREF="structure.html">HTML Basics</A> section.
<P>
The HTML <A HREF="misc/comment.html">comment</A> is a special case.
<HR>
<H2 ALIGN=CENTER>Elements for the HEAD section</H2>
The <A HREF="./head/head.html">HEAD</A> section of a document may only contain the following elements.
If any other elements, or <A HREF="./misc/pcdata.html">plain text</A>, occurs inside the HEAD section, the
browser should assume the HEAD ends here, and start rendering the
<A HREF="./body/body.html">BODY</A>.
See the <A HREF="syntax.html">syntax rules</A> for an explanation of the
syntax used in the overview.
<UL>
<LI><A HREF="./head/title.html">TITLE</A> - Document title
<LI><A HREF="./head/isindex.html">ISINDEX</A> - Primitive search
<LI><A HREF="./head/meta.html">META</A> - Meta-information
<LI><A HREF="./head/link.html">LINK</A> - Site structure
<LI><A HREF="./head/base.html">BASE</A> - Document location
<LI><A HREF="./head/script.html">SCRIPT</A> - Inline script
<LI><A HREF="./head/style.html">STYLE</A> - Style information
</UL>
<HR>
<H2 ALIGN=CENTER>Elements for the BODY section</H2>
<H3><A NAME="block">Block-level elements</A></H3>
The <A HREF="./body/body.html">BODY</A> of a document consists of multiple block elements. If plain
text is found inside the body, it is assumed to be inside a paragraph <A HREF="./block/p.html">P</A>.
See the <A HREF="syntax.html">syntax rules</A> for an explanation of the
syntax used in the overview.
<P>
<TABLE WIDTH="100%">
<TR>
<TD VALIGN=TOP><B>Headings</B>
<UL>
<LI><A HREF="./block/h1.html">H1</A> - Level 1 header
<LI><A HREF="./block/h2.html">H2</A> - Level 2 header
<LI><A HREF="./block/h3.html">H3</A> - Level 3 header
<LI><A HREF="./block/h4.html">H4</A> - Level 4 header
<LI><A HREF="./block/h5.html">H5</A> - Level 5 header
<LI><A HREF="./block/h6.html">H6</A> - Level 6 header
</UL>
<TD VALIGN=TOP><B>Lists</B>
<UL>
<LI><A HREF="./list/ul.html">UL</A> - Unordered list
<LI><A HREF="./list/ol.html">OL</A> - Ordered list
<LI><A HREF="./list/dir.html">DIR</A> - Directory list
<LI><A HREF="./list/menu.html">MENU</A> - Menu item list
<LI><A HREF="./list/li.html">LI</A> - List item
<LI><A HREF="./list/dl.html">DL</A> - Definition list
<UL>
<LI><A HREF="./list/dt.html">DT</A> - Definition term
<LI><A HREF="./list/dd.html">DD</A>- Definition
</UL>
</UL>
</TR>
<TR>
<TD VALIGN=TOP><B>Text containers</B>
<UL>
<LI><A HREF="./block/p.html">P</A> - Paragraph
<LI><A HREF="./block/pre.html">PRE</A> - Preformatted text
<LI><A HREF="./block/blockquote.html">BLOCKQUOTE</A> - Large quotation
<LI><A HREF="./block/address.html">ADDRESS</A> - Address information
</UL>
<TD VALIGN=TOP><B>Others</B>
<UL>
<LI><A HREF="./block/div.html">DIV</A> - Logical division
<LI><A HREF="./block/center.html">CENTER</A> - Centered division
<LI><A HREF="./block/form.html">FORM</A> - Input form
<LI><A HREF="./block/hr.html">HR</A> - Horizontal rule
<LI><A HREF="./table/table.html">TABLE</A> - Tables
</UL>
</TR>
</TABLE>
<HR>
<H3><A NAME="text">Text-level elements</A></H3>
These elements are used to mark up text inside block level elements. Some block
level elements exclude certain text level elements, and some text level elements may
only appear inside specific block level elements. This is documented in
the section on that block level element.<P>
See the <A HREF="syntax.html">syntax rules</A> for an explanation of the
syntax used in the overview.
<P>
<TABLE WIDTH="100%">
<TR>
<TD VALIGN=TOP><B>Logical markup</B>
<UL>
<LI><A HREF="./phrase/em.html">EM</A> - Emphasized text
<LI><A HREF="./phrase/strong.html">STRONG</A> - Strongly emphasized
<LI><A HREF="./phrase/dfn.html">DFN</A> - Definition of a term
<LI><A HREF="./phrase/code.html">CODE</A> - Code fragment
<LI><A HREF="./phrase/samp.html">SAMP</A> - Sample text
<LI><A HREF="./phrase/kbd.html">KBD</A> - Keyboard input
<LI><A HREF="./phrase/var.html">VAR</A> - Variable
<LI><A HREF="./phrase/cite.html">CITE</A> - Short citation
</UL>
<TD VALIGN=TOP><B>Physical markup</B>
<UL>
<LI><A HREF="./font/tt.html">TT</A> - Teletype
<LI><A HREF="./font/i.html">I</A> - Italics
<LI><A HREF="./font/b.html">B</A> - Bold
<LI><A HREF="./font/u.html">U</A> - Underline
<LI><A HREF="./font/strike.html">STRIKE</A> - Strikeout
<LI><A HREF="./font/big.html">BIG</A> - Larger text
<LI><A HREF="./font/small.html">SMALL</A> - Smaller text
<LI><A HREF="./font/sub.html">SUB</A> - Subscript
<LI><A HREF="./font/sup.html">SUP</A> - Superscript
</UL>
</TR>
<TR>
<TD VALIGN=TOP ROWSPAN=2><B>Special markup</B>
<UL>
<LI><A HREF="./special/a.html">A</A> - Anchor
<LI><A HREF="./special/basefont.html">BASEFONT</A> - Default font size
<LI><A HREF="./special/img.html">IMG</A> - Image
<LI><A HREF="./special/applet.html">APPLET</A> - Java applet
<UL>
<LI><A HREF="./special/param.html">PARAM</A> - Parameters for Java applet
</UL>
<LI><A HREF="./special/font.html">FONT</A> - Font modification
<LI><A HREF="./special/br.html">BR</A> - Line break
<LI><A HREF="./special/map.html">MAP</A> - Client-side imagemap
<UL>
<LI><A HREF="./special/area.html">AREA</A> - Hotzone in imagemap
</UL>
</UL>
<TD VALIGN=TOP><B>Forms</B>
<UL>
<LI><A HREF="./form/input.html">INPUT</A> - Input field, button, etc.
<LI><A HREF="./form/select.html">SELECT</A> - Selection list
<UL>
<LI><A HREF="./form/option.html">OPTION</A> - Selection list option
</UL>
<LI><A HREF="./form/textarea.html">TEXTAREA</A> - Input area
</UL>
</TR>
<TR>
<TD VALIGN=TOP><B>Tables</B>
<UL>
<LI><A HREF="./table/caption.html">CAPTION</A> - Table caption
<LI><A HREF="./table/tr.html">TR</A> - Table row
<LI><A HREF="./table/th.html">TH</A> - Header cell
<LI><A HREF="./table/td.html">TD</A> - Table cell
</UL>
</TR>
</TABLE>
<HR>
<CENTER>
<P>
<B><IMG SRC="./icon/wdglogo-small.gif" WIDTH=105 HEIGHT=40 ALT="Web Design Group" ALIGN=RIGHT></B><BR>
<A HREF="./index.html" TITLE="Index for Wilbur">Wilbur index</A> ~
<A HREF="./overview.html" TITLE="Overview of HTML 3.2 tags">Tag overview</A> ~
<A HREF="mailto:galactus@htmlhelp.com" TITLE="Wilbur reference feedback">Feedback</A>
<P>
<SMALL>
Copyright © 1997 <A HREF="http://www.stack.nl/%7Egalactus/">Arnoud "Galactus" Engelfriet</A>.
</SMALL>
</CENTER>
</BODY>
</HTML>
|