07-18-2012, 03:56 PM
Also if Flora is here, here is some of the basic codes that i was able to make into chart if you need any help just contact me but i do have to warn you it takes some experimentation to get the desired results of a webpage.
HTML Cheatsheet - Basic
Category Tag Description
STRUCTURE <html> , </html> Start and end of web page
<head> , </head> Start and end page header
<title> , </title> Start and end of page title
<body> , </body> Start and end of the viewable area of the web page
TEXT FORMATTING <h1> , </h1> Level 1 heading (largest of headings)
<h2> through <h6> Subheadings
<strong>, </strong> Bold
<em> , </em> Italic
<u> , </u> Underline (not a link tag)
DIVIDING <br> Create a new line line, or force line to break
<hr> Draws horizontal line
<p>, </p> Paragraph/text block
<div>, </div> Can be used to divide elements of a web page into a "section" or "block". That that block can then be formatted. Ex. <div align="center">
LISTS <ol> , </ol> Ordered (numbered) list
<ul> , </ul> Unordered (bulleted) list
<li> Denotes item in ordered or unordered list
<dl> , </dl>
<dt> , </dt>
<dd> , </dd> Definition list tags
LINKS <a href="URL"> Click Text </a> Links to URL when "Click Text" is clicked
<a href="file.html"> Click Text </a> Links to file.html when "Click Text" is clicked
IMAGES <img src="image.gif"> Displays graphic "image.gif"
align="top" Modifier to align text with top of image. Can also be "middle" or "bottom" (default)
align="right" Modifier to move image to right margin, with text on the left. Can also be "left"(default)
clear=all Used in <br> tag, creates a new line AFTER all other objects have been cleared.
Last Updated: 10/16/07
HTML Cheatsheet - Advanced
Category Tag Description
LINKS
AND
ANCHORS <a id="anchorname">anchor text</a> Creates an anchor in the document
<a href="#anchorname">link text</a> Links to anchorname when link text is clicked
TABLES <table>, </table> Start and end table.
<tr> , </tr> Start and end table row.
<th> , </th> Start and end table heading.
<td> , </td> Start and end table data.
TABLE
MODIFIERS border="..." Width (in pixels) of border. Blank for default, "0" for no border.
align="..." Horizontal alignment. Possible values are "left", "right", or "center".
valign="..." Vertical alignment. Possible values are "top", "middle", "bottom", or "baseline".
rowspan="..." Number of rows the cell will span.
colspan="..." Number of columns the cell will span.
width="..." Width (in pixels) of the cell.
cellpadding="..." The amount of space (in pixels) between edges of the cell and text inside.
CSS Cheatsheet
Category Tag Description
COLOR & BACKGROUND
PROPERTIES color: #123456; Uses color 123456 as the TEXT color.
background-color: #123456; Uses color 123456 as the BACKGROUND color.
FONT PROPERTIES font-family: font1, font2, generic; Changes the text to the font specified.
font-size: value Changes the text size to the value specified (12pt, small, etc.)
SELECTORS
HTML Cheatsheet - Basic
Category Tag Description
STRUCTURE <html> , </html> Start and end of web page
<head> , </head> Start and end page header
<title> , </title> Start and end of page title
<body> , </body> Start and end of the viewable area of the web page
TEXT FORMATTING <h1> , </h1> Level 1 heading (largest of headings)
<h2> through <h6> Subheadings
<strong>, </strong> Bold
<em> , </em> Italic
<u> , </u> Underline (not a link tag)
DIVIDING <br> Create a new line line, or force line to break
<hr> Draws horizontal line
<p>, </p> Paragraph/text block
<div>, </div> Can be used to divide elements of a web page into a "section" or "block". That that block can then be formatted. Ex. <div align="center">
LISTS <ol> , </ol> Ordered (numbered) list
<ul> , </ul> Unordered (bulleted) list
<li> Denotes item in ordered or unordered list
<dl> , </dl>
<dt> , </dt>
<dd> , </dd> Definition list tags
LINKS <a href="URL"> Click Text </a> Links to URL when "Click Text" is clicked
<a href="file.html"> Click Text </a> Links to file.html when "Click Text" is clicked
IMAGES <img src="image.gif"> Displays graphic "image.gif"
align="top" Modifier to align text with top of image. Can also be "middle" or "bottom" (default)
align="right" Modifier to move image to right margin, with text on the left. Can also be "left"(default)
clear=all Used in <br> tag, creates a new line AFTER all other objects have been cleared.
Last Updated: 10/16/07
HTML Cheatsheet - Advanced
Category Tag Description
LINKS
AND
ANCHORS <a id="anchorname">anchor text</a> Creates an anchor in the document
<a href="#anchorname">link text</a> Links to anchorname when link text is clicked
TABLES <table>, </table> Start and end table.
<tr> , </tr> Start and end table row.
<th> , </th> Start and end table heading.
<td> , </td> Start and end table data.
TABLE
MODIFIERS border="..." Width (in pixels) of border. Blank for default, "0" for no border.
align="..." Horizontal alignment. Possible values are "left", "right", or "center".
valign="..." Vertical alignment. Possible values are "top", "middle", "bottom", or "baseline".
rowspan="..." Number of rows the cell will span.
colspan="..." Number of columns the cell will span.
width="..." Width (in pixels) of the cell.
cellpadding="..." The amount of space (in pixels) between edges of the cell and text inside.
CSS Cheatsheet
Category Tag Description
COLOR & BACKGROUND
PROPERTIES color: #123456; Uses color 123456 as the TEXT color.
background-color: #123456; Uses color 123456 as the BACKGROUND color.
FONT PROPERTIES font-family: font1, font2, generic; Changes the text to the font specified.
font-size: value Changes the text size to the value specified (12pt, small, etc.)
SELECTORS