IT-rocks's Place

Basic HTML tags

Saturday, July 19, 2008 by Thao Nguyen


Website is a great way to show off something in your life. Basic HTML will let you to show the world whatever you want to show on your webpages. To learn HTML, you must keep in mind that it's simply a series of letters that are abbreviations of what they stand for. One important thing to remember, while you learn HTML, the HTML tags must come in a certain order on your web pages, and most HTML tags must have a start and end tags for the browser to recognize the command. An end tag is just simply the same as the start tag except that it starts with the / symbol.

1. HTML
HTML tag is used to start and end your page
<HTML>All your contents are here <HTML>

2. Headings
Headings are defined with the <h1> and <h6>. <h1> defines the larges heading. <h6> defines the smallest heading.

3. Body
The content you want to show off on your pages must be between <body> and </body>. Examine the following example:



.
<html>

<head>
<title>FIT - Basic HTML Tutorial</title>
</head>

<body>
This is basic HTML Tutorial for newbie
</body>

</html>


Here is how your webpage looks like



4. Other tags

<A>...</A> - Starts a hypertext link.

<ADDRESS>...</ADDRESS> - Information on author.

<BLOCKQUOTE>...</BLOCKQUOTE> - Long quotes.

<PRE>...</PRE> - Preformatted Text.

<FORM>...</FORM> - Form Block.

<TEXTAREA>...</TEXTAREA> - Creates a box to enter text.

Example of "Textarea":

[form][textarea]Write here.[/textarea][/form]

<SELECT>...</SELECT> - Creates a scrolling menu.

<OPTION>...</OPTION> - Creates items to select.

Example of "Select and Option":

[form][select][option]red[/option][option]blue[/option][option]green[/option][/select][/form]

<DIR>...</DIR> - Directory list.

Example of a directory list:

[dir]

  • red
  • blue
  • green[/dir]

<OL>...</OL> - Ordered list.

Example of an ordered list:

  • red
  • blue
  • green

<MENU>...</MENU> - Menu list.

<DL>...</DL> - Glossary list.

Example of a glossary list:

[DL][DT]red[DD]color not blue or green[DT]blue[DD]color not red or green[DT]green[DD]color not blue or red[/DL]

<CITE>...</CITE> - Citation.

<CODE>...</CODE> - Code font.

<DFN>...</DFN> - Defined term.

<EM>...</EM> - Emphasis.

Example of emphasis on red:

[EM]red,[/EM]blue, green

<I>...</I> - Italic.

Example of italic:

red, blue, green

<KBD>...</KBD> - Keyboard text.

<SAMP>...</SAMP> - Sample text.

<STRONG>...</STRONG> - Strong emphasis.

Example of strong emphasis:

[strong]red, blue, green[/strong]

<TT>...</TT> - Typewriter text.

Example of typewriter text:

[TT]red, blue, green[/TT]

<VAR>...</VAR> - Variable.

<B>...</B> - Bold.

<BASE> - Location reference for other URL's.

<NEXTID> - Allows documents to be linked together.

<META> - Describes document.

<BR> - Line break.

<HR> - Horizontal line.

<IMG> - Image.

<P> - Paragraph.

<LI> - List item.

<DT> - Marks a term in a list.

<DD> - Marks the definition in the list.

Basis for information taken from "HTML For Dummies, 2nd Edition" By Ed Tittel & Steve James




Related Posts by Categories



Filed under having  

Subscribe in a reader

Add to Technorati Favorites

0 comments: