Basic HTML4 Tags
HTML Basic Document
<html>
<head>
<title>Document name goes here</title>
</head>
<body>
Visible text goes here…
</body>
</html>
Heading Elements
<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
Text Elements
<p>This is a paragraph</p>
<br /> (line break)
<hr /> (horizontal rule)
<pre>This text is preformatted</pre>
Logical Styles
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>
Physical Styles
<b>This text is bold</b>
<i>This text is italic</i>
Links, Anchors, and Image Elements
<a href=”http://www.example.com/”>This is a Link</a>
<a href=”http://www.example.com/”><img src=”/URL” alt=”Alternate Text”></a>
<a href=”mailto: [email protected] This e-mail address is being protected from spambots. You need JavaScript enabled to view it “>Send e-mail</a>
A named anchor:
<a>Useful Tips Section</a>
<a href=”#tips”>Jump to the Useful Tips Section</a>
Unordered list
<ul>
<li>First item</li>
<li>Next item</li>
</ul>
Ordered list
<ol>
<li>First item</li>
<li>Next item</li>
</ol>
Definition list
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>
Tables
<table border=”1″>
<tr>
<th>Tableheader</th>
<th>Tableheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>
Frames
<frameset cols=”25%,75%”>
<frame src=”/page1.htm” />
<frame src=”/page2.htm” />
</frameset>
Forms
<form action=”http://www.example.com/test.asp” method=”post/get”>
<input value=” [email protected] This e-mail address is being protected from spambots. You need JavaScript enabled to view it ” size=”40″ maxlength=”50″ />
<input />
<input checked=”checked” />
<input checked=”checked” />
<input />
<input />
<input />
<select>
<option>Apples</option>
<option selected=”selected”>Bananas</option>
<option>Cherries</option>
</select>
<textarea rows=”60″ cols=”20″></textarea>
</form>
Entities
< is the same as <
> is the same as >
© is the same as ©
Other Elements
<!– This is a comment –>
<blockquote>
Text quoted from a source.
</blockquote>
<address>
Written by blahblahblah.com<br />
<a href=”mailto: [email protected] This e-mail address is being protected from spambots. You need JavaScript enabled to view it “>Email us</a><br />
Address: Box 5678, Seasame St.<br />
Phone: +12 34 56 78
</address>
DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset
Tag | Description | DTD |
<!–…–> | Defines a comment | STF |
<!DOCTYPE> | Defines the document type | STF |
<a> | Defines an anchor | STF |
<abbr> | Defines an abbreviation | STF |
<acronym> | Defines an acronym | STF |
<address> | Defines contact information for the author/owner of a document | STF |
<applet> | Deprecated. Defines an embedded applet | TF |
<area /> | Defines an area inside an image-map | STF |
<b> | Defines bold text | STF |
<base /> | Defines a default address or a default target for all links on a page | STF |
<basefont /> | Deprecated. Defines a default font, color, or size for the text in a page | TF |
<bdo> | Defines the text direction | STF |
<big> | Defines big text | STF |
<blockquote> | Defines a long quotation | STF |
<body> | Defines the document’s body | STF |
<br /> | Defines a single line break | STF |
<button> | Defines a push button | STF |
<caption> | Defines a table caption | STF |
<center> | Deprecated. Defines centered text | TF |
<cite> | Defines a citation | STF |
<code> | Defines computer code text | STF |
<col /> | Defines attribute values for one or more columns in a table | STF |
<colgroup> | Defines a group of columns in a table for formatting | STF |
<dd> | Defines a description of a term in a definition list | STF |
<del> | Defines deleted text | STF |
<dfn> | Defines a definition term | STF |
<dir> | Deprecated. Defines a directory list | TF |
<div> | Defines a section in a document | STF |
<dl> | Defines a definition list | STF |
<dt> | Defines a term (an item) in a definition list | STF |
<em> | Defines emphasized text | STF |
<fieldset> | Defines a border around elements in a form | STF |
<font> | Deprecated. Defines font, color, and size for text | TF |
<form> | Defines an HTML form for user input | STF |
<frame /> | Defines a window (a frame) in a frameset | F |
<frameset> | Defines a set of frames | F |
<h1> to <h6> | Defines HTML headings | STF |
<head> | Defines information about the document | STF |
<hr /> | Defines a horizontal line | STF |
<html> | Defines an HTML document | STF |
<i> | Defines italic text | STF |
<iframe> | Defines an inline frame | TF |
<img /> | Defines an image | STF |
<input /> | Defines an input control | STF |
<ins> | Defines inserted text | STF |
<isindex> | Deprecated. Defines a searchable index related to a document | TF |
<kbd> | Defines keyboard text | STF |
<label> | Defines a label for an input element | STF |
<legend> | Defines a caption for a fieldset element | STF |
<li> | Defines a list item | STF |
<link /> | Defines the relationship between a document and an external resource | STF |
<map> | Defines an image-map | STF |
<menu> | Deprecated. Defines a menu list | TF |
<meta /> | Defines metadata about an HTML document | STF |
<noframes> | Defines an alternate content for users that do not support frames | TF |
<noscript> | Defines an alternate content for users that do not support client-side scripts | STF |
<object> | Defines an embedded object | STF |
<ol> | Defines an ordered list | STF |
<optgroup> | Defines a group of related options in a select list | STF |
<option> | Defines an option in a select list | STF |
<p> | Defines a paragraph | STF |
<param /> | Defines a parameter for an object | STF |
<pre> | Defines preformatted text | STF |
<q> | Defines a short quotation | STF |
<s> | Deprecated. Defines strikethrough text | TF |
<samp> | Defines sample computer code | STF |
<script> | Defines a client-side script | STF |
<select> | Defines a select list (drop-down list) | STF |
<small> | Defines small text | STF |
<span> | Defines a section in a document | STF |
<strike> | Deprecated. Defines strikethrough text | TF |
<strong> | Defines strong text | STF |
<style> | Defines style information for a document | STF |
<sub> | Defines subscripted text | STF |
<sup> | Defines superscripted text | STF |
<table> | Defines a table | STF |
<tbody> | Groups the body content in a table | STF |
<td> | Defines a cell in a table | STF |
<textarea> | Defines a multi-line text input control | STF |
<tfoot> | Groups the footer content in a table | STF |
<th> | Defines a header cell in a table | STF |
<thead> | Groups the header content in a table | STF |
<title> | Defines the title of a document | STF |
<tr> | Defines a row in a table | STF |
<tt> | Defines teletype text | STF |
<u> | Deprecated. Defines underlined text | TF |
<ul> | Defines an unordered list | STF |
<var> | Defines a variable part of a text | STF |
<xmp> | Deprecated. Defines preformatted text |