stacked minionsHTML CHEATSHEET stacked minions

basic Html tagsBasic Tags

<html > </html > : create an Html document

<head> </head>: sets off the tittle and 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; when bookMaking pages, this is what is bookedmarked.

Body attributes(only used in email newsletters): <body background-color=?>

minion linksLinks

<a href=URL>clikable text </a>: Create a hyperlink ato a uniform resource Locator

<a href="mailto:EMAIL_ADDRESS" > clickable text </>: Create a hyperlink to an email address

<a name="NAME"> <> : Create a target location within a document

<a href="#NAME">>clikable text </a>: Create a link to that target location

Formatting

<p> </p>: Create a new paragraph

<br > Insert a line break(carriage return)

<blockquote > </blockquaote>: 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 CSS

Lists pictureLists

<ul> </ul>: Create an unordered list

<ol start=?> </ol>: Create an ordered list(start=xx,where xx is a counting number)

<li> </li>: Encompasses each list item

<dl> </dl>: Creates a definition list

<dt> </dt> : Precedes each definition term

<dd> </dd> : Precedes each definition

Graphical Elements

<hr>: Insert a horizontal rule

<hr size=?> : Sets size(height) of horizontal rule

<hr with=?>: Sets with of rule(as a % absolute pixel length)

<hr noshade> : Create a horizontal rule without a shadow

<img src="URL" alt="text"> </>: Adds image,my stating its link, add altenative text to show when image is not loaded

Text Tags

<pre> </pre > create preformated text

<h1> </h1 > --><h6> </h6 >: Create headlines --H1=largesr,H6 =smallest

<b> </b>: create bold text (should use <strong> </strong>instead )

<i> </i>: create italicized text (should use <em> </em> instead)

<tt> </tt>: Create typewritter-style text

Text Tags

continues...

<code> </code>: Used to define source code, usually monospace

<cite> </cite>: Create a citation, usually processed in italics

<address> </address >: Create address section, usually processed in italics

<em> </em>: Emphasizes a word (usually processed in italics)

<strong> </strong>: Emphasizes a word (usually processed in bold)

Forms

<form> </form>: Defines a form

<select multiple names =? size=?> </select> Creates a scrolling menu. Size sets the number of menu items visible before user needs to scroll

<select name=?> <select>: Creates a pull down menu

<option value="?"> </option>: Sets off each menu item

<textarea name=? col="x" rows="y"> </textarea>: Creates a text box area. Columns set width;rows set the height.

Forms

continues...

<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, in characters

Forms

continues...

<input type="submit" value=?> : Create a submit button. Value sets the text in the submit butto

<input type="reset">: Create a reset button

<input type="email" name=? > : Sets a single-line textbox for email addresses

<input type="url" name=? > : Sets a single-line textbox for URLS

<input type="number" name=? > : Sets a single-line textbox for a number

Forms

continues...

<input type="range" name=? > : Sets a single-line textbox for a range of numbers

<input type="date/month/week/time" name=? > : Sets a single-line text box with a calendar showing the date/month/week/time

<input type="search" name=? > : Sets a single-line text box for searching

<input type="color" name=? > : Sets a single-line text box for picking a color

Table

<table> </table>: Create a table

<tr> </tr> : Sets off each row in table

<td> </td>: Sets off each cell in row

<th> </th>: Sets off the table header (a normal cell with bold,centered text)

Table

continues..

Table Attributes

<table border?> Sets the width of the border around table cells

<table cellspacing?> Sets amount of space between table cells

<table cellpadding=?> Sets anount of space between a cell's border ans its contents

<table width=?> Sets width of the table in pixels or as a percentage

<tr align=?> Sets alignment for cells within the row(left/center/right)

Table

Table Attributes

continue..

<td align=?> Sets alignmet for cells within the row (top/center/right)

<tr valign=?> Sets vertical alignment for cells within the row(top/middle/bottom>)

<td valign=?> Sets vertical aligment for cells within the row(top/middle/bottom)

<td rowspan=?> Sets number of rows in a cell should span(default=1)

<td colspan=?> Sets number of columns a cell should span

<td nowrap=?> Prevents Lines witin a cell from being broken to fit