Final Exam Project Part 2

HTML CHEATSHEET

Sectioning

<header> … </header>;

The HTML <header> element represents introductory content.

Sectioning

<section> … </section>

The HTML <section> element represents a standalone section —.

Sectioning

<footer> … </footer>

The HTML <footer> element represents a footer for its nearest sectioning content or sectioning root element.

Sectioning

<article> … </article>

The HTML <article> element represents a self-contained composition in a document, page, application.

Sectioning

<aside> … </aside>

The HTML <aside> element represents a portion of a document whose content is indirectly related to the main content.

W3C HTML5 Sectioning Elements

Grouping

<main> … </main>

The HTML <main> element represents the dominant content of the <body> of a document.

Grouping

<div> … </div>

The HTML Content Division element (<div>) is the generic container for flow content.

Grouping

<p> … </p>

The HTML <p> element represents a paragraph.

Grouping

<ol> … </ol>

The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.

Grouping

<ul> … </ul>

The HTML <ul> element represents an unordered list of items.

Grouping

<dl> … </dl>

The HTML <dl> element represents a description list. The element encloses a list of groups of terms <dt> element and descriptions <dd> elements.

Grouping

<li> … </li>

The HTML <li> element is used to represent an item in a list.

W3C 4.4 Grouping content

Text

<pre> </pre>

Creates preformatted text

Text

<h1> </h1> ... > <h6> </h6>

Creates headlines -- H1=largest, H6=smallest

Text

<b> </b>

Creates bold text (should use <strong> instead)

Text

<i> </i>

Creates italicized text (should use <em> instead)

Text

<i> </i>

Creates italicized text (should use <em> instead)

Text

<tt> </tt>

Creates typewriter-style text

Text

<code> </code>

Used to define source code, usually monospace

Text

<cite> </cite>

Creates a citation, usually processed in italics

Text

<address> </address>

Creates address section, usually processed in italics

Text

<em> </em>

Emphasizes a word (usually processed in italics)

Text

<strong> </strong>

Emphasizes a word (usually processed in bold)

Text

<font size=?> </font>

Sets size of font - 1 to 7 (should use CSS instead)

Text

<font color=?> </font>

Sets font color (should use CSS instead)

Text

<font face=?> </font>

Defines the font used (should use CSS instead)

W3C Internationalization

Tables

<table> </table>

Creates a table

Tables

<tr> </tr>

Sets off each row in a table

Tables

<td> </td>

Sets off each cell in a row

Tables

<th> </th>

Sets off the table header (a normal cell with bold, centered text)

Table Attributes

<table border=?>

Sets the width of the border around table cells

Table Attributes

<table cellspacing=?>

Sets amount of space between table cells

Table Attributes

<table cellpadding=?>

Sets amount of space between a cell's border and its contents

Table Attributes

<table width=?>

Sets width of the table in pixels or as a percentage

Table Attributes

<tr align=?>

Sets alignment for cells within the row (left/center/right)

Table Attributes

<td align=?>

Sets alignment for cells (left/center/right)

Table Attributes

<tr valign=?>

Sets vertical alignment for cells within the row (top/middle/bottom)

Table Attributes

<td valign=?>

Sets vertical alignment for cell (top/middle/bottom)

Table Attributes

Sets number of rows a cell should span (default=1)

Table Attributes

<td colspan=?>

Sets number of columns a cell should span

Table Attributes

<td nowrap>

Prevents lines within a cell from being broken to fit

W3C Tables

Forms

<form> </form>

Defines a form

Forms

<select multiple name=? size=?> </select>

Creates a scrolling menu. Size sets the number of menu items visible before user needs to scroll.

Forms

<select name=?> </select>

Creates a pulldown menu

Forms

<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.

Forms

<input type="checkbox" name=? value=?>

Creates a checkbox.

Forms

<input type="checkbox" name=? value=? checked>

Creates a checkbox which is pre-checked.

Forms

<input type="radio" name=? value=?>

Creates a radio button.

Forms

<input type="radio" name=? value=? checked>>

Creates a radio button which is pre-checked.

Forms

<input type="text" name=? size=?>

Creates a one-line text area. Size sets length, in characters.

Forms

<input type="submit" value=?>

Creates a submit button. Value sets the text in the submit button.

Forms

<input type="image" name=? src=? border=? alt=?>

Creates a submit button using an image.

Forms

<input type="reset">

Creates a reset button

W3C Forms Tutorial