HTML Tags & HTML Cheat Sheet
Website Development Tutorials for Artists, Website Design, WebDev, Website Help, how to make a website, how to create a website.Before beginning this tutorial you must have a reasonable understanding of what webpages are made up, how they work and a slight introduction to HTML. Here we're going to go further in-depth with what HTML is, how to use it and make it work for you and your website.

Hyper Text Markup Language, or HTML, is comprised of "tags". These tags are identified in a text file by placing them in less than and greater than brackets. As a browser, such as Internet Explorer or Mozilla Firefox, reads an HTML file it interprets it in order to show it visually to the browser. Pretty basic understanding. The process of saving an HTML file and the basic setup structure of one is in the HTML Introduction tutorial.

The structure of HTML is fairly simple in that it logically makes sense. For example, for a link on a website, one would use <a href="www.website.com">Link</a>. You have a standard of different tags, most tags have a header and footer, that which is located in between the two are what is being effected by the tag. Another example of this would be to use a href link tags around an image tag.

While their are many HTML tags below to learn from and observe, another factor of an HTML tag are their attributes. For example, using the img tag in order to display an image is one thing; but in order to influence the other attributes of an image (for example like border, position, size, etc.) you must use other tags. <img src="source.jpg"> would display an image. But in order to be more specific (as most webmasters prefer to be), one would more like use. <img src="source.jpg" align="left" width="70%" alt="This is text that displays when a mouse hovers over an image">.

Basically, the best step now is to include an extensive (but definately not complete) list of HTML tags. To learn best one should play around with HTML, as this can be done from one's home computer without any internet connection whatsoever. Another great way to learn is by visiting websites and reading their HTML source. Go to View > Page Source (in some instances one will have to right click on a webpage and select View Source).

One last remind before you go and start typing away in your preferred text editor: remember to save your text file as simple text (not .rtf or anything) and also remember to make the extension .html, if you don't do this than your webpage won't open up in a browser.

NN: indicates the earliest version of Netscape that supports the tag
IE: indicates the earliest version of Internet Explorer that supports the tag

Tag Description NN IE
<!--...--> Defines a comment 3.0 3.0
<!DOCTYPE>  Defines the document type    
<a> Defines an anchor 3.0 3.0
<abbr> Defines an abbreviation 6.2  
<acronym> Defines an acronym 6.2 4.0
<address> Defines an address element 4.0 4.0
<applet> Deprecated. Defines an applet 2.0 3.0
<area> Defines an area inside an image map 3.0 3.0
<b> Defines bold text 3.0 3.0
<base> Defines a base URL for all the links in a page 3.0 3.0
<basefont> Deprecated. Defines a base font 3.0 3.0
<bdo> Defines the direction of text display 6.2 5.0
<big> Defines big text 3.0 3.0
<blockquote> Defines a long quotation 3.0 3.0
<body> Defines the body element 3.0 3.0
<br> Inserts a single line break 3.0 3.0
<button> Defines a push button 6.2 4.0
<caption> Defines a table caption 3.0 3.0
<center> Deprecated. Defines centered text 3.0 3.0
<cite> Defines a citation 3.0 3.0
<code> Defines computer code text 3.0 3.0
<col> Defines attributes for table columns    3.0
<colgroup> Defines groups of table columns   3.0
<dd> Defines a definition description 3.0 3.0
<del> Defines deleted text 6.2 4.0
<dir> Deprecated. Defines a directory list 3.0 3.0
<div> Defines a section in a document 3.0 3.0
<dfn> Defines a definition term   3.0
<dl> Defines a definition list 3.0 3.0
<dt> Defines a definition term 3.0 3.0
<em> Defines emphasized text  3.0 3.0
<fieldset> Defines a fieldset 6.2 4.0
<font> Deprecated. Defines text font, size, and color 3.0 3.0
<form> Defines a form  3.0 3.0
<frame> Defines a sub window (a frame) 3.0 3.0
<frameset> Defines a set of frames 3.0 3.0
<h1> to <h6> Defines header 1 to header 6 3.0 3.0
<head> Defines information about the document 3.0 3.0
<hr> Defines a horizontal rule 3.0 3.0
<html> Defines an html document 3.0 3.0
<i> Defines italic text 3.0 3.0
<iframe> Defines an inline sub window (frame) 6.0 4.0
<img> Defines an image 3.0 3.0
<input> Defines an input field 3.0 3.0
<ins> Defines inserted text 6.2 4.0
<isindex> Deprecated. Defines a single-line input field 3.0 3.0
<kbd> Defines keyboard text 3.0 3.0
<label> Defines a label for a form control 6.2 4.0
<legend> Defines a title in a fieldset 6.2 4.0
<li> Defines a list item 3.0 3.0
<link> Defines a resource reference 4.0 3.0
<map> Defines an image map  3.0 3.0
<menu> Deprecated. Defines a menu list 3.0 3.0
<meta> Defines meta information 3.0 3.0
<noframes> Defines a noframe section 3.0 3.0
<noscript> Defines a noscript section 3.0 3.0
<object> Defines an embedded object   3.0
<ol> Defines an ordered list 3.0 3.0
<optgroup> Defines an option group 6.0 6.0
<option> Defines an option in a drop-down list 3.0 3.0
<p> Defines a paragraph 3.0 3.0
<param> Defines a parameter for an object 3.0 3.0
<pre> Defines preformatted text 3.0 3.0
<q> Defines a short quotation 6.2  
<s> Deprecated. Defines strikethrough text 3.0 3.0
<samp> Defines sample computer code 3.0 3.0
<script> Defines a script 3.0 3.0
<select> Defines a selectable list 3.0 3.0
<small> Defines small text 3.0 3.0
<span> Defines a section in a document 4.0 3.0
<strike> Deprecated. Defines strikethrough text 3.0 3.0
<strong> Defines strong text 3.0 3.0
<style> Defines a style definition 4.0 3.0
<sub> Defines subscripted text 3.0 3.0
<sup> Defines superscripted text 3.0 3.0
<table> Defines a table 3.0 3.0
<tbody> Defines a table body   4.0
<td> Defines a table cell 3.0 3.0
<textarea> Defines a text area 3.0 3.0
<tfoot> Defines a table footer   4.0
<th> Defines a table header 3.0 3.0
<thead> Defines a table header   4.0
<title> Defines the document title 3.0 3.0
<tr> Defines a table row 3.0 3.0
<tt> Defines teletype text 3.0 3.0
<u> Deprecated. Defines underlined text 3.0 3.0
<ul> Defines an unordered list 3.0 3.0
<var> Defines a variable 3.0 3.0

For help or more guidance on saving .html files and/or a more basic overview of HTML, please see the HTML Introduction Tutorial. Please remember that the tags above, while display the context of their use, can be further defined at the World Wide Consortium's website. The World Wide Consortium (W3C) is an international consortium where member organizations, a full-time staff, and the public work together to develop web standards. Many of the common tags we use have been decided on through agreeance and the idea of universal standards for the web. Definately check out their website to learn anything and everything about HTML's structure, tags, etc.

- Joseph Lookabaugh


Visitors Start Here
- About Us
- Message Boards
- Site Map


Artistic Genesis:
Let's share everything we know. Let's share our ideas, our thoughts, our works.

What if one of us had an idea that could inspire to the extent of changing the world? What if we never found out because we were trapped inside our heads, what if we didn't want anyone else to know the secrets that we've uncovered throughout our lives?

Let us create, learn and share...let us be the foundation that is Artistic Genesis.




 

Powered & Designed by Ivy Flux
Copyright © 2002-2007 Blazedent. All Rights Reserved.
This is the day that the Lord has made, let us rejoice and be glad in it.