), and line breaks () are also summarized. The document outlines tags for images (), forms (
HTML Cheat Sheet
AI-enhanced description
Basic Tags<html> </html>Creates an HTML document<head> </head>Sets off the title & other info that isn't displayed<body> </body>Sets off the visible portion of the document<title> </title>Puts name of the document in the title bar; whenbookmarking pages, this is what is bookmarkedBody attributes (only used in email newsletters)<body bgcolor=?>Sets background color, using name or hex value<body text=?>Sets text color, using name or hex value<body link=?>Sets color of links, using name or hex value<body vlink=?>Sets color of visited links, using name or hex value<body alink=?>Sets color of active links (while mouse-clicking)Text Tags<pre> </pre>Creates preformatted text<h1> </h1> --> <h6> </h6>Creates headlines -- H1=largest, H6=smallest<b> </b>Creates bold text (should use <strong> instead)<i> </i>Creates italicized text (should use <em> instead)<tt> </tt>Creates typewriter-style text<code> </code>Used to define source code, usually monospace<cite> </cite>Creates a citation, usually processed in italics<address> </address>Creates address section, usually processed in italics<em> </em>Emphasizes a word (usually processed in italics)<strong> </strong>Emphasizes a word (usually processed in bold)<font size=?> </font>Sets size of font - 1 to 7 (should use CSS instead)<font color=?> </font>Sets font color (should use CSS instead)<font face=?> </font>Defines the font used (should use CSS instead)Links<a href="URL">clickable text</a>Creates a hyperlink to a Uniform Resource Locator<a href="mailto:EMAIL_ADDRESS">clickable text</a>Creates a hyperlink to an email address<a name="NAME">Creates a target location within a document<a href="#NAME">clickable text</a>Creates a link to that target location
page 1 of 2
Formatting<p> </p>Creates a new paragraph<br>AInserts a line break (carriage return)<blockquote> </blockquote>Puts content in a quote - indents text from both sides<div> </div>Used to format block content with CSS<span> </span>Used to format inline content with CSSLists<ul> </ul>Creates an unordered list<ol start=?> </ol>Creates an ordered list (start=xx,where xx is a counting number)<li> </li>Encompasses each list item<dl> </dl>Creates a definition list<dt>Precedes each defintion term<dd>Precedes each defintionGraphical elements<hr>Inserts a horizontal rule<hr size=?>Sets size (height) of horizontal rule<hr width=?>Sets width of rule (as a % or absolute pixel length)<hr noshade>Creates a horizontal rule without a shadow<img src="URL" />Adds image; it is a separate file located at the URL<img src="URL" align=?>Aligns image left/right/center/bottom/top/middle (use CSS)<img src="URL" border=?>Sets size of border surrounding image (use CSS)<img src="URL" height=?>Sets height of image, in pixels<img src="URL" width=?>Sets width of image, in pixels<img src="URL" alt=?>Sets the alternate text for browsers that can'tprocess images (required by the ADA)
HTML Cheatsheet
page 2 of 2
Forms<form> </form>Defines a form<select multiple name=? size=?> </select>Creates a scrolling menu. Size sets the number ofmenu items visible before user needs to scroll.<select name=?> </select>Creates a pulldown menu<option>Sets off each menu item<textarea name=? cols="x" rows="y"></textarea>Creates a text box area. Columns set the width;rows set the height.<input type="checkbox" name=? value=?>Creates a checkbox.<input type="checkbox" name=? value=? checked>Creates a checkbox which is pre-checked.<input type="radio" name=? value=?>Creates a radio button.<input type="radio" name=? value=? checked>Creates a radio button which is pre-checked.<input type="text" name=? size=?>Creates a one-line text area. Size sets length, incharacters.<input type="submit" value=?>Creates a submit button. Value sets the text in thesubmit button.<input type="image" name=? src=? border=? alt=?>Creates a submit button using an image.<input type="reset">Creates a reset button
Tables (use only for data layout - use CSS for page layout)<table> </table>Creates a table<tr> </tr>Sets off each row in a table<td> </td>Sets off each cell in a row<th> </th>Sets off the table header (a normal cell with bold,centered text)