Basic Tags<html></html> | Creates an HTML document | <head></head> | Sets off the title and other information that isn’t displayed on the web page itself | <body></body> | Sets off the visible portion of the document |
Body Attributes<body bgcolor="pink"> | Sets the background color, using name or hex value | <body text="black"> | Sets the text color, using name or hex value | <body link="blue"> | Sets the color of links, using name or hex value | <body vlink="#ff0000"> | Sets the color of followed links, using name or hex value | <body alink="#00ff00"> | Sets the color of links on click | <body ondragstart="return false" onselectstart="return false"> | Disallows text selection with the mouse and keyboard |
Tables<table></table> | Creates a table | <tr></tr> | Sets off each row in a table | <td></td> | Sets off each cell in a row | <th></th> | Sets off the table header (a normal cell with bold, centered text) |
Table Attributes<table border="1"> | Sets width of border around table cells | <table cellspacing="1"> | Sets amount of space between table cells | <table cellpadding="1"> | Sets amount of space between a cell’s border and its contents | <table width="500" or "80%"> | Sets width of table, in pixels or as a percentage of document width | <tr align="left"> or <td align="left"> | Sets alignment for cell(s) (left, center, or right) | <tr valign="top"> or <td valign="top"> | Sets vertical alignment for cell(s) (top, middle, or bottom) | <td colspan="2"> | Sets number of columns a cell should span (default=1) | <td rowspan="4"> | Sets number of rows a cell should span (default=1) | <td nowrap> | Prevents the lines within a cell from being broken to fit |
Text Tags<pre></pre> | Creates preformatted text | <hl></hl> | Creates the largest headline | <h6></h6> | Creates the smallest headline | <b></b> | Creates bold text | <i></i> | Creates italic text | <tt></tt> | Creates teletype, or typewriter-style text | <cite></cite> | Creates a citation, usually italic | <em></em> | Emphasizes a word (with italic or bold) | <strong></strong> | Emphasizes a word (with italic or bold) | <font size="3"></font> | Sets size of font, from 1 to 7 | <font color="green"></font> | Sets font color, using name or hex value |
| | Forms<form></form> | Creates all forms | <select multiple name="NAME" size=?></select> | Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll. | <option> | Sets off each menu item | <select name="NAME"></select> | Creates a pulldown menu | <option> | Sets off each menu item | <textarea name="NAME" cols=40 rows=8></textarea name> | Creates a text box area. Columns set the width; rows set the height. | <input type="checkbox" name="NAME"> | Creates a checkbox. Text follows tag | <input type="radio" name="NAME" value="x"> | Creates a radio button. Text follows tag | <input type="text" name="NAME" size=20> | Creates a one-line text area. Size sets length, in characters. | <input type="submit" value="NAME"> | Creates a Submit button | <button type="submit">Submit</button> | Creates an actual button that is clicked | <input type="image" border=0 name="NAME" src="name.gif"> | Creates a Submit button using an image | <input type="reset"> | Creates a Reset button |
| | Links<a href="URL"></a> | Creates a hyperlink | <a href="mailto:EMAIL"></a> | Creates a mailto link | <a href="URL"><img src="URL"> </a> | Creates an image/link | <a name="NAME"></a> | Creates a target location within a document | <a href="#NAME"></a> | Links to that target location from elsewhere in the document |
Frames<frameset></frameset> | Replaces the <body> tag in a frames document; can also be nested in other framesets | <frameset rows="value,value"> | Defines the rows within a frameset, using number in pixels, or percentage of width | <frameset cols="value,value"> | Defines the columns within a frameset, using number in pixels, or percentage of width | <frame> | Defines a single frame — or region — within a frameset | <noframes></noframes> | Defines what will appear on browsers that don’t support frames |
Frames Attributes<frame src="URL"> | Specifies which HTML document should be displayed | <frame name="name"> | Names the frame, or region, so it may be targeted by other frames | <frame marginwidth="value"> | Defines the left and right margins for the frame; must be equal to or greater than 1 | <frame marginheight="value"> | Defines the top and bottom margins for the frame; must be equal to or greater than 1 | <frame scrolling="value"> | Sets whether the frame has a scrollbar; value may equal “yes,” “no,” or “auto.” The default, as in ordinary documents, is auto | <frame noresize="noresize"> | Prevents the user from resizing a frame |
| | Formatting<p></p> | Creates a new paragraph | <p align="left"> | Aligns a paragraph to the left (default), right, or center. | <br> | Inserts a line break | <blockquote></blockquote> | Indents text from both sides | <dl></dl> | Creates a definition list | <dt> | Precedes each definition term | <dd> | Precedes each definition | <ol></ol> | Creates a numbered list | <ul></ul> | Creates a bulleted list | <li></li> | Precedes each list item, and adds a number or symbol depending upon the type of list selected | <div align="left"> | A generic tag used to format large blocks of HTML, also used for stylesheets | <img src="name"> | Adds an image | <img src="name" align="left"> | Aligns an image: left, right, center; bottom, top, middle | <img src="name" border="1"> | Sets size of border around an image | <hr /> | Inserts a horizontal rule | <hr size="3" /> | Sets size (height) of rule | <hr width="80%" /> | Sets width of rule, in percentage or absolute value | <hr noshade /> | Creates a rule without a shadow |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by kesavanbr