24, July 2008

The HTML Cheat Sheet - webmaster forum

 
Webdigity webmaster forums
This forum shares its ad revenue with its members!
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  General webmaster discussions (Moderator: Meth0d)
Topic: The HTML Cheat Sheet
« previous next »
Pages: [1] 2 Print

Author Topic: The HTML Cheat Sheet  (Read 3461 times)
aka J Love
Moderator
Community Supporter ?
Bill Gates is my home boy
*****
Gender: Male
Posts: 884
1636 credits
Members referred : 4



« on: Dec 22, 2005, 06:22:06 AM »

Basic Tags
Code:
<html></html>
Creates an HTML document
Code:
<head></head>
Sets off the title and other information that isn't displayed on the Web page itself
Code:
<body></body>
Sets off the visible portion of the document

Header Tags
Code:
<title></title>
Puts the name of the document in the title bar   

Body Attributes
Code:
<body bgcolor=?>
Sets the background color, using name or hex value
Code:
<body text=?>
Sets the text color, using name or hex value
Code:
<body link=?>
Sets the color of links, using name or hex value
Code:
<body vlink=?>
Sets the color of followed links, using name or hex value
Code:
<body alink=?>
Sets the color of links on click   

Text Tags
Code:
<pre></pre>
Creates preformatted text
Code:
<hl></hl>
Creates the largest headline
Code:
<h6></h6>
Creates the smallest headline
Code:
<b></b>
Creates bold text
Code:
<i></i>
Creates italic text
Code:
<tt></tt>
Creates teletype, or typewriter-style text
Code:
<cite></cite>
Creates a citation, usually italic
Code:
<em></em>
Emphasizes a word (with italic or bold)
Code:
<strong></strong>

Emphasizes a word (with italic or bold)
Code:
<font size=?></font>
Sets size of font, from 1 to 7
Code:
<font color=?></font>
Sets font color, using name or hex value   

Links
Code:
<a href="URL"></a>
Creates a hyperlink
Code:
<a href="mailto:EMAIL"></a>
Creates a mailto link
Code:
<a name="NAME"></a>
Creates a target location within a document
Code:
<a href="#NAME"></a>
Links to that target location from elsewhere in the document   

Formatting
Code:
<p></p>
Creates a new paragraph
Code:
<p align=?>
Aligns a paragraph to the left, right, or center
Code:
<br>
Inserts a line break
Code:
<blockquote></blockquote>

Indents text from both sides
Code:
<dl></dl>
Creates a definition list
Code:
<dt>
Precedes each definition term
Code:
<dd>
Precedes each definition
Code:
<ol></ol>
Creates a numbered list
Code:
<li></li>
Precedes each list item, and adds a number
Code:
<ul></ul>
Creates a bulleted list
Code:
<div align=?>
A generic tag used to format large blocks of HTML, also used for stylesheets   

Graphical Elements
Code:
<img src="name">
Adds an image
Code:
<img src="name" align=?>
Aligns an image: left, right, center; bottom, top, middle
Code:
<img src="name" border=?>
Sets size of border around an image
Code:
<hr>
Inserts a horizontal rule
Code:
<hr size=?>
Sets size (height) of rule
Code:
<hr width=?>
Sets width of rule, in percentage or absolute value
Code:
<hr noshade>
Creates a rule without a shadow   

Tables
Code:
<table></table>
Creates a table
Code:
<tr></tr>
Sets off each row in a table
Code:
<td></td>
Sets off each cell in a row
Code:
<th></th>
Sets off the table header (a normal cell with bold, centered text)   

Table Attributes
Code:
<table border=#>
Sets width of border around table cells
Code:
<table cellspacing=#>
Sets amount of space between table cells
Code:
<table cellpadding=#>
Sets amount of space between a cell's border and its contents
Code:
<table width=# or %>
Sets width of table — in pixels or as a percentage of document width
Code:
<tr align=?> or <td align=?>
Sets alignment for cell(s) (left, center, or right)
Code:
<tr valign=?> or <td valign=?>
Sets vertical alignment for cell(s) (top, middle, or bottom)
Code:
<td colspan=#>
Sets number of columns a cell should span
Code:
<td rowspan=#>
Sets number of rows a cell should span (default=1)
Code:
<td nowrap>
Prevents the lines within a cell from being broken to fit   

Frames
Code:
<frameset></frameset>
Replaces the <body> tag in a frames document; can also be nested in other framesets
Code:
<frameset rows="value,value">
Defines the rows within a frameset, using number in pixels, or percentage of width
Code:
<frameset cols="value,value">
Defines the columns within a frameset, using number in pixels, or percentage of width
Code:
<frame>
Defines a single frame — or region — within a frameset
Code:
<noframes></noframes>
Defines what will appear on browsers that don't support frames   

Frames Attributes
Code:
<frame src="URL">
Specifies which HTML document should be displayed
Code:
<frame name="name">
Names the frame, or region, so it may be targeted by other frames
Code:
<frame marginwidth=#>
Defines the left and right margins for the frame; must be equal to or greater than 1
Code:
<frame marginheight=#>
Defines the top and bottom margins for the frame; must be equal to or greater than 1
Code:
<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.
Code:
<frame noresize>
Prevents the user from resizing a frame   

Forms
Note: For functional forms, you'll have to run a CGI script, such as FormMail, which can be found in our 'Downloads' section. The HTML just creates the appearance of a form.
Code:
<form></form>
Creates all forms (for help on forms read my article about creating web forms)
Code:
<select multiple name="NAME" size=?></select>
Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.
Code:
<option>
Sets off each menu item
Code:
<select name="NAME"></select>
Creates a pulldown menu
Code:
<option>
Sets off each menu item
Code:
<textarea name="NAME" cols=40 rows=8></textarea>
Creates a text box area. Columns set the width; rows set the height.
Code:
<input type="checkbox" name="NAME">
Creates a checkbox. Text follows tag.
Code:
<input type="radio" name="NAME" value="x">
Creates a radio button. Text follows tag
Code:
<input type=text name="foo" size=20>
Creates a one-line text area. Size sets length, in characters.
Code:
<input type="submit" value="NAME">
Creates a Submit button which will send the data to your e-mail or a file.
Code:
<input type="image" border=0 name="NAME" src="name.gif">
Creates a Submit button using an image, similar as above.
Code:
<input type="reset">
Creates a Reset button which will clear data entered into the form.
« Last Edit: Dec 22, 2005, 11:35:00 PM by meth0d420 »

Visit through proxy Visit through proxy Visit through proxy

Last blog : phpHaze 1.59.1 in Development
Forum's Grocer
**
Posts: 73
52 credits
Members referred : 0



« Reply #1 on: Dec 25, 2005, 07:48:51 AM »

*evil laughter here*
Yup, that's about all of it... Grin
aka J Love
Moderator
Community Supporter ?
Bill Gates is my home boy
*****
Gender: Male
Posts: 884
1636 credits
Members referred : 4



« Reply #2 on: Dec 28, 2005, 02:11:32 AM »

there are actually about twice as many more tags then that but to much to write here.

Visit through proxy Visit through proxy Visit through proxy

Last blog : phpHaze 1.59.1 in Development
OMG!I am geek
**
Gender: Male
Posts: 56
374 credits
Members referred : 0



« Reply #3 on: Dec 28, 2005, 08:55:06 PM »

Yes there are too many more.

Here is a nice tutorial site : http://www.w3schools.com/ Visit through proxy
Doh~
Spam is yummy.
****
Posts: 213
1103 credits
Members referred : 0



« Reply #4 on: Jan 12, 2006, 11:43:26 PM »

it's enough for a simple site like free hosting at freewebs.com i think.. lol . thank you . Smiley


OMG!I am geek
**
Gender: Male
Posts: 58
127 credits
Members referred : 0



« Reply #5 on: Mar 02, 2006, 04:24:32 PM »

Code:
<a href="mailto:EM@IL.COM?subject=something%20goes%20here"></a>
Auto populates the SUBJECT field to whatever you specify.  The "%20" just means a space.
« Last Edit: Mar 02, 2006, 04:26:54 PM by Red Matrix »
Bow before me, for I am member number 200!!!
Computer Avant Garde
***
Posts: 202
118 credits
Members referred : 0


« Reply #6 on: Mar 17, 2006, 07:59:10 AM »

basically thats about it...

yeah, try adding Javascript, or php xD

dont even get started on C lol

Visit through proxy

Spam is yummy.
****
Gender: Female
Posts: 212
30 credits
Members referred : 0


Nothing Last Forever...


« Reply #7 on: Mar 28, 2006, 10:29:43 AM »

I ve used csss couple of times but gor confused on the way... It started pretty nice...
But, im not a programmer so i have no actual and precise idea of how these css work or why they do what they do or refuse to do!!!(happened also!)... Consider i forget closing tags most of the times! Tongue

...Even cold November Rain

Atari ST fan
*
Posts: 8
56 credits
Members referred : 0


« Reply #8 on: Mar 29, 2006, 09:31:45 PM »

*puts this in my favorites list. 

I can use this when Im looking for a code and dont feel like googling it Smiley
Bill Cosby is my Father
*
Gender: Female
Posts: 4
28 credits
Members referred : 0


For every breath you inhale, remember to exhale.


« Reply #9 on: May 20, 2006, 07:02:15 AM »

Thanks for the quick tut in some html. I am just barely learning and this is helpful.
Where are my glasses?
*
Posts: 22
144 credits
Members referred : 0


« Reply #10 on: May 31, 2006, 06:01:10 AM »

did you make that yourself its long. useful for quick ref  though i have a book it has all that kinfd of stuff in it.
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6280
38506 credits
Members referred : 374


It's time to use PHP5!


« Reply #11 on: May 31, 2006, 12:30:29 PM »

did you make that yourself its long. useful for quick ref  though i have a book it has all that kinfd of stuff in it.
or just the original:
http://www.w3.org/TR/html401/index/elements.html Visit through proxy


Last blog : 4th of July Lottery from TemplateMonster.com
aka J Love
Moderator
Community Supporter ?
Bill Gates is my home boy
*****
Gender: Male
Posts: 884
1636 credits
Members referred : 4



« Reply #12 on: Sep 14, 2006, 07:36:38 PM »

olaf, i dont understand why you posted that particular link on the html cheat sheet thread? or maybe im more confused now than ever

Visit through proxy Visit through proxy Visit through proxy

Last blog : phpHaze 1.59.1 in Development
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7975
40807 credits
Members referred : 3



« Reply #13 on: Sep 14, 2006, 07:48:56 PM »

olaf, i dont understand why you posted that particular link on the html cheat sheet thread? or maybe im more confused now than ever

This link is the official HTML cheat list as created by W3C, the organization that manages the web standards Wink

Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6280
38506 credits
Members referred : 374


It's time to use PHP5!


« Reply #14 on: Sep 14, 2006, 11:16:22 PM »

olaf, i dont understand why you posted that particular link on the html cheat sheet thread? or maybe im more confused now than ever

I think this one is interesting too: http://www.w3schools.com/ Visit through proxy Cheesy

Edit: just noticed that this link was posted before, but it will not harm...


Last blog : 4th of July Lottery from TemplateMonster.com
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7975
40807 credits
Members referred : 3



« Reply #15 on: Sep 15, 2006, 12:17:19 PM »

Yeah w3schools is a good and easy to use reference for html

Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6280
38506 credits
Members referred : 374


It's time to use PHP5!


« Reply #16 on: Sep 15, 2006, 12:26:53 PM »

Yeah w3schools is a good and easy to use reference for html
and to learn Cheesy


Last blog : 4th of July Lottery from TemplateMonster.com
I will send you to /dev/null/
**
Gender: Male
Posts: 77
24 credits
Members referred : 0



« Reply #17 on: Oct 11, 2006, 12:33:51 AM »

Thanks, it is really useful
I crack Photoshop!
*
Posts: 3
18 credits
Members referred : 0



« Reply #18 on: Dec 07, 2006, 01:31:05 AM »

Yeah w3schools is a good and easy to use reference for html

I'll definately be spending a while on there, need to brush up on my php. Have started tinkering around with it, and find it extremely addictive! I see you must be somewhat a php guru Nikolas??? Smiley
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7975
40807 credits
Members referred : 3



« Reply #19 on: Dec 07, 2006, 08:41:51 AM »

Yeah w3schools is a good and easy to use reference for html

I'll definately be spending a while on there, need to brush up on my php. Have started tinkering around with it, and find it extremely addictive! I see you must be somewhat a php guru Nikolas??? Smiley

I am not a guru, but I work with php for many years now Smiley

Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=1046
Tags : php css html tutorials articles Bookmark this thread : Digg Del.icio.us Dzone more....

Topic sponsors:
Get a permanent link here for $1.99!


Pages: [1] 2 Print 
Webdigity Webmaster Forums  >  Design and Layout  >  General webmaster discussions (Moderator: Meth0d)
Topic: The HTML Cheat Sheet
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
Jul 24, 2008, 11:03:17 PM





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!


Forum Statistics
Total Posts: 35.717
Total Topics: 7.379
Total Members: 3.710
Tutorials : 56
Resources : 143
Designs : 220
Latest Member: prolist

37 Guests, 3 Users online :

10 users online today:



Readers

Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2008 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.