What is HTML - HTML Tag Chart - HTML Fundamentals

Written by Administrator

Wednesday, 30 December 2009 21:49

What is HTML?

Hypertext Markup Language is the authoring software language used on the Internet's World Wide Web. HTML is used for creating World Wide Web pages.

MARKUP is a method used to tell a web browser how to display a page and content.

HYPER TEXT - Link HTML pages together in such a way that you can navigate form one page to the next

HTML Tag Chart

Here's a list of HTML TAGS that you can use to make a website.

It is important to note that some of these tags is no longer used, some still gets used today. CSS (Cascading Style Sheets) and doctypes is not mentioned here. I will speak about them in other articles on the site.

HTML FUNDAMENTALS

Tag	Property	Description
<html> </html>		Top line of all html document
<head> </head>		Houses general browser information for web page
<title> </title>		Title of document. Located in header
<body> </body>	background bgcolor bgsound font link alink vlink topmargin leftmargin marginheight marginwidth	Applies attributes to entire document

HTML TEXT FORMATTING

Tag	Description	Example
<b> </b>	Bolded text	Sample text
<i> </i>	Italicized text	Sample text
<u> </u>	Underlined text	Sample text
<pre> </pre>	Preformatted text	Sample text
<h1> </h1>	Header 1	Header 1
<h2> </h2>	Header 2	Header 2
<h3> </h3>	Header 3	Header 3
<h4> </h4>	Header 4	Header 4
<h5> </h5>	Header 5	Header 5
<h6> </h6>	Header 6	Header 6
<sub> </sub>	Subscript	_Subscript
<sup> </sup>	Superscript	^Superscript

HTML FONTS

Tag	Property	Description
<font> </font>	color size name	Applies style to text

HTML LINKS

Tag	Property	Description
<a> </a>	href target style class name id	Generates a link to other documents or locations

HTML IMAGES

Tag	Property	Description
<img>	src alt name border height width	Creates an image

HTML FORMATTING

Tag	Description	Example
<blockquote> </blockquote>	Used for long quotes. Indents all text and images within the tags.	Sample of text in a block quote format
<ol> </ol>	Ordered List (used with <li>)	Item 1
<ul> </ul>	Unordered List (used with <li>)	Item 1
<li>	List element
<dd> </dd>	Definition List	Sample text
<dt>	Definition Term	Sample text
<dd>	Definition Description	Sample text
<p> </p>	Paragraph return	Sample text
<br>	Line break	Sample text
<hr>	Horizontal rule
<center> </center>	Center elements	Sample

HTML TABLES

Tag	Property	Description
<table> </table>	border cellpadding cellspacing width height name id title bgcolor background align valign	Holds the table elements
<tr> </tr>	height bgcolor background align valign title	Defines a new row
<td> </td>	height width bgcolor background align valign title colspan rowspan	Defines a table cell
<th> </th>	height width bgcolor background align valign title colspan rowspan	Table header. Automatically bolds and centers contents
<tbody> </tbody>	height width align valign bgcolor background	Applies formatting to surrounded cells
<colgroup> </colgroup>	height width align valign bgcolor background colspan	Applies formatting to given column

HTML FORMS

Tag	Property	Description
<form> </form>	method action name	Holds the form elements
<input type=>	text password hidden radio checkbox submit image reset	Various types of form elements
text	name value width maxlength
password	name value width maxlength
hidden	name value	Used to pass hidden elements to forms
radio	name value	Radio 1 Radio 2
checkbox	name value checked	Check 1 Check 2
submit	value
image	src height width alt name border
reset	value
<select> </select>	name size	Create Drop-down boxes. Used in conjunction with option
<option>	selected name value	Option 1 Option 2
<textarea> </textarea>	name rows cols wrap	Text area box. Text is typed between the tags
wrap	off virtual physical	no wrap word wrap, sent as one line word wrap, sent with breaks