HTML TIP Sheet
Basic Tags
<html></html> Creates an HTML document
<head></head>Sets off the title and other information that isn't displayed on the Web page itself
<title></title> Puts the name of the document in the title bar<body></body> Sets off the visible portion of the document
Block Elements
<p> Creates a new paragraph
<blockquote> Indents text from both sides
<dl> Creates a definition list
<dt> Precedes each definition term
<dd> Precedes each definition
<ol></ol> Creates a numbered list
<li> Precedes each list item and adds a number
<ul></ul> Creates a bulleted list
<li> Precedes each list item and adds the bullet
<div> A generic tag used for document division
Text Tags
<h1></h1> Creates the largest headline
<h6></h6> Creates the smallest headline
<b></b> Creates bold text
<cite></cite> Creates a citation, usually italic
<em></em> Emphasizes a word with italic
<strong></strong> Emphasizes a word in bold
Links
<a href="URL"></a> Creates a link
<a href="mailto:EMAIL"></a> Creates a mailto link
<a name="NAME"></a> Creates a target location within a document
<a href="#NAME"></a> Links to that target location from elsewhere in the document
Media
<video> is the element for video files.
<audio> is the element for audio files.
Graphical Elements
<img src="URL"> Adds an image
<hr> Inserts a horizontal rule
Tables
<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 in a row
Forms
The following HTML creates the structure of a form.
<form></form> Creates all formsThe form method attribute specifies how to send form-data (as URL variables (with method="get") or as HTTP post transaction (with method="post").
<select name="NAME"></select> Creates a dropdown menu
<option> Control for each item
<textarea name="NAME" cols=40 rows=8></textarea>
Creates a text box area - columns set the width; rows set the height.
<input> Used to create interactive control element in a form like a link or image button.
Metadata
<title></title> Contains the site's title, which is one way Google can find your site.
<meta charset="utf-8"/> Tells the web browser which character set to use.
<base> Defines a default address or a default target for all links on a page
<link> Defines the relationship between a document and an external resource
<meta> Defines metadata about an HTML document
<script> Defines a client-side script
<style> Defines style information for a document | | --- | --- |