HTML Crib Sheet

HTML Crib Sheet

Tables

*tables are used to lay out information on a page.

<table> starts a table

</table> ends a table

<tr> starts a table row

</tr> ends a table row

<td> starts a table cell

</td> ends a table cell

Added to the Table tag -

borders="#" - thickness of board around table cells

cellspacing="#ofpixels" - distance between cells

cellpadding="#ofpixels" - distance between cell contents and cell walls

Text

<p> begins a text segment

</p> ends a text segment

<b> begins a bold text segment

</b> ends a bold text segment

<i> begins an italic text segment

</i> ends an italic text segment

<u> begins an underlined text segment

</u> ends an underlined text segement

Images

<img src="imagefilelocation.ext" height="pixels" width="pixles" alt="text on mouseover"> places an image on the page

Links

<a href="linkurladdress.html">text goes here</a> places a clickable link on the page

List Items

<ul> starts a unordered list ( for example, uses dots )

<ol> starts an ordered list ( for example 1, 2, 3, etc.)

<li> is used for each list item

</ul> ends a list

Alignment

<align="center, left or right">

Fonts

Groups of Items

<div> adds elements to a group of items

</div> ends characteristics of a group of items

Example

<div align="center" font color="#F6h14k"> this tag will align the text in the center of a cell and give it a specific color.</div>