Quick Reference
Basic Tags
| <html></html> | Document Type | beginning and end of HTML file |
| <head></head> | Header | descriptive info about the document |
| <style></style> | Style | indicates internal style sheet for CSS |
| <title></title> | Title | appears in the browser title bar |
| <body></body> | Body | contains contents of what will be displayed |
| <span></span> | Span | makes an invisible containter; great for applying CSS to small amounts of text |
| <div></div> | Div | makes an invisible container; great for applying CSS to large amounts of text, images, or anything inside the body tags |
Format Tags
| <br /> | Line Break | start a new line |
| <p> | Paragraph | starts a new line and skips a line |
| | Non-breaking Space | puts a single blank space |
| <hr /> | Horizontal Rule | makes a horizontal line |
| <center></center> | Center | centers text, images, etc. on line |
| <strong></strong> | Strong | makes text bold |
| <em></em> | Emphasis | makes text in italics |
| <? style="text-align: center;"></?> | Center | inline style CSS for use with many differnet HTML tags for centering text, images, etc. on a line |
Fonts and Text Styles
| <font size="?"></font> | Font Size | changes font size, ranging from 1-7 |
| <font face="***"></font> | Font Face | changes text style, use face name |
| <font color="***"></font> | Font Color | changes text color, use color name or color code |
| <font style="font-size:?;"></font> | Font Size CSS | inline style for changing font size; use px, em, or word values |
| <font style="font-family: ?;"></font> | Font Face CSS | inline style for changing text style; use face name |
| <font style="color: ?;"></font> | Font Color CSS | inline style for chaning font color; use color code |
Links and Images
| <a href="***"></a> | makes a link to another page, use URL or filename |
| <img src="***" / > | places an image on the page, use filename |
| <img src="***" width="? " height="?" / > | change dimensions of Image |
| <link rel=”stylesheet” type=”text/css” href=”?.css” /> | use between head tags when using an external style sheet for CSS |
Background
| <body bgcolor="?"> | Changes color of background, use color code |
| <body background ="***"> | Uses image for background, use filename |
| <body style="background-color: ?;"></body> | inline style CSS for changing color of background, use color code |
This resource originally created by Deborah Dunk.
Revised and edited by Michael Galloway in 2005 & in 2006.