HTML Tags ChartTo use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. | |||||||||||||||
Tag | Name | Code Example | Browser View | ||||||||||||
<!-- | comment | <!--This can be viewed in the HTML part of a document--> | Nothing will show (Tip) | ||||||||||||
<A - | anchor | <A HREF="http://www.yourdomain.com/">Visit Our Site</A> | |||||||||||||
<B> | bold | <B>Example</B> | Example | ||||||||||||
<BIG> | big (text) | <BIG>Example</BIG> | |||||||||||||
<BODY> | body of HTML document | <BODY>The content of your HTML page</BODY> | Contents of your web page (Tip) | ||||||||||||
<BR> | line break | The contents of your page<BR>The contents of your page | The contents of your web page The contents of your web page | ||||||||||||
<CENTER> | center | <CENTER>This will center your contents</CENTER> | This will center your contents | ||||||||||||
<DD> | definition description | <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> | Definition Term Definition of the term Definition Term Definition of the term | ||||||||||||
<DL> | definition list | <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> | Definition Term Definition of the term Definition Term Definition of the term | ||||||||||||
<DT> | definition term | <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> | Definition Term Definition of the term Definition Term Definition of the term | ||||||||||||
<EM> | emphasis | This is an <EM>Example</EM> of using the emphasis tag | This is an Example of using the emphasis tag | ||||||||||||
<EMBED> | embed object | <EMBED src="yourfile.mid" width="100%" height="60" align="center"> | |||||||||||||
<EMBED> | embed object | <EMBED src="yourfile.mid" autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed> | Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music. | ||||||||||||
<FONT> | font | <FONT FACE="Times New Roman">Example</FONT> | |||||||||||||
<FONT> | font | <FONT FACE="Times New Roman" SIZE="4">Example</FONT> | |||||||||||||
<FONT> | font | <FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT> | |||||||||||||
<FORM> | form | <FORM action="mailto:you@yourdomain.com"> Name: <INPUT name="Name" value="" size="10"><BR> Email: <INPUT name="Email" value="" size="10"><BR> <CENTER><INPUT type="submit"></CENTER> </FORM> | |||||||||||||
<H1> | heading 1 | <H1>Heading 1 Example</H1> | Heading 1 Example | ||||||||||||
<H2> | heading 2 | <H2>Heading 2 Example</H2> | Heading 2 Example | ||||||||||||
<H3> | heading 3 | <H3>Heading 3 Example</H3> | Heading 3 Example | ||||||||||||
<H4> | heading 4 | <H4>Heading 4 Example</H4> | Heading 4 Example | ||||||||||||
<H5> | heading 5 | <H5>Heading 5 Example</H5> | Heading 5 Example | ||||||||||||
<H6> | heading 6 | <H6>Heading 6 Example</H6> | Heading 6 Example | ||||||||||||
<HEAD> | heading of HTML document | <HEAD>Contains elements describing the document</HEAD> | Nothing will show | ||||||||||||
<HR> | horizontal rule | <HR> | Contents of your web page | ||||||||||||
<HR> | horizontal rule | <HR WIDTH="50%" SIZE="3"> | Contents of your web page Contents of your web page | ||||||||||||
<HR> | horizontal rule | <HR WIDTH="50%" SIZE="3" NOSHADE> | Contents of your web page Contents of your web page | ||||||||||||
<HR> (Internet Explorer) | horizontal rule | Contents of your web page Contents of your web page | |||||||||||||
<HR> (Internet Explorer) | horizontal rule | Contents of your web page Contents of your web page | |||||||||||||
<HTML> | hypertext markup language | <HTML><HEAD>< | Contents of your web page | ||||||||||||
<I> | italic | <I>Example</I> | Example | ||||||||||||
<IMG> | image | <IMG SRC="Earth.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="a sentence about your web site"> | |||||||||||||
<INPUT> | input field | Example 1: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <INPUT type="text" size="10" maxlength="30"> <INPUT type="Submit" VALUE="Submit"> </FORM> | |||||||||||||
<INPUT> (Internet Explorer) | input field | Example 2: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30"> <INPUT type="Submit" VALUE="Submit"> </FORM> | |||||||||||||
<INPUT> | input field | Example 3: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type="image" name="submit" src="yourimage.gif"></TD></TR> </TABLE> </FORM> | |||||||||||||
<INPUT> | input field | Example 4: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> Enter Your Comments:<BR> <TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR> <INPUT type="Submit" VALUE="Submit"> <INPUT type="Reset" VALUE="Clear"> </FORM> | |||||||||||||
<INPUT> | input field | Example 5: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION >option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> <INPUT type="Submit" VALUE="Submit"></CENTER> </FORM> | |||||||||||||
<INPUT> | input field | Example 6: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> Select an option:<BR> <INPUT type="radio" name="option"> Option 1 <INPUT type="radio" name="option" CHECKED> Option 2 <INPUT type="radio" name="option"> Option 3 <BR> <BR> Select an option:<BR> <INPUT type="checkbox" name="selection"> Selection 1 <INPUT type="checkbox" name="selection" CHECKED> Selection 2 <INPUT type="checkbox" name="selection"> Selection 3 <INPUT type="Submit" VALUE="Submit"> </FORM> | |||||||||||||
<LI> | list item | Example 1: <MENU> <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3 </MENU> Example 2: <OL type="i"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> |
Example 2: i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4 | ||||||||||||
<LINK> | link | Visit our <A HREF="http://www.yourdomain.com/">site</A> | Visit our site | ||||||||||||
<MARQUEE> (Internet Explorer) | scrolling text | ||||||||||||||
<MENU> | menu | <MENU> <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3 </MENU> |
| ||||||||||||
< | meta | <META name="Description" content="Description of your site"> < | |||||||||||||
< | meta | < | |||||||||||||
< | meta | < | |||||||||||||
< | meta | < | |||||||||||||
< | meta | < | |||||||||||||
< | meta | < | |||||||||||||
<OL> | ordered list | Numbered <OL type="a"><OL> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Numbered Special Start <OL start="5"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Lowercase Letters <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Letters <OL type="A"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Letters Special Start <OL type="A" start="3"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Lowercase Roman Numerals <OL type="i"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Roman Numerals <OL type="I"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Roman Numerals Special Start <OL type="I" start="7"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> | Numbered 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Numbered Special Start5. List item 1 6. List item 2 7. List item 3 8. List item 4 Lowercase Lettersa. List item 1 b. List item 2 c. List item 3 d. List item 4 Capital LettersA. List item 1 B. List item 2 C. List item 3 D. List item 4 Capital Letters Special StartC. List item 1 D. List item 2 E. List item 3 F. List item 4 Lowercase Roman Numerals i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4 Capital Roman Numerals I. List item 1 II. List item 2 III. List item 3 IV. List item 4 Capital Roman Numerals Special Start VII. List item 1 VIII. List item 2 IX. List item 3 X. List item 4 | ||||||||||||
<OPTION> | listbox option | <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION>option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> </CENTER> </FORM> | |||||||||||||
<P> | paragraph | This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines. Attributes: Example 1:<BR> <BR> <P align="left"> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 2:<BR> <BR> <P align="right"> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 3:<BR> <BR> <P align="center"> This is an example<BR> displaying the use<BR> of the paragraph tag. | This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. Attributes: Example 1: This is an example displaying the use of the paragraph tag. Example 2: This is an example displaying the use of the paragraph tag. Example 3: This is an example displaying the use of the paragraph tag. | ||||||||||||
<SMALL> | small (text) | <SMALL>Example</SMALL> | |||||||||||||
<STRONG> | strong emphasis | <STRONG>Example</STRONG> | Example | ||||||||||||
<TABLE> | table | Example 1: <TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 2: (Internet Explorer) <TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 3: <TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD BGCOLOR="#CCCCCC">Column 1</TD> <TD BGCOLOR="#CCCCCC">Column 2</TD> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> </TR> </TABLE> |
Example 2: (Tip)
Example 3: (Tip)
| ||||||||||||
<TD> | table data | <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> |
| ||||||||||||
<TH> | table header | <DIV align="center"><TABLE> <TR> <TH>Column 1</TH> <TH>Column 2</TH> <TH>Column 3</TH> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> <TD>Row 2</TD> </TR> <TR> <TD>Row 3</TD> <TD>Row 3</TD> <TD>Row 3</TD> </TR> <TR> <TD>Row 4</TD> <TD>Row 4</TD> <TD>Row 4</TD> </TR> </TABLE> </DIV> |
| ||||||||||||
<TITLE> | document title | <TITLE>Title of your HTML page</TITLE> | |||||||||||||
<TR> | table row | <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> |
| ||||||||||||
<TT> | teletype | <TT>Example</TT> | Example | ||||||||||||
<U> | underline | <U>Example</U> | Example | ||||||||||||
<UL> | unordered list | Example 1:<BR> <BR> <UL> <LI>List item 1 <LI>List item 2 </UL> <BR> Example 2:<BR> <UL type="disc"> <LI>List item 1 <LI>List item 2 <UL type="circle"> <LI>List item 3 <LI>List item 4 </UL> </UL> | Example 1:
Example 2:
|
Facebook Badge
Archive
-
►
2012
(10)
- ► 04/15 - 04/22 (1)
- ► 04/08 - 04/15 (1)
- ► 01/08 - 01/15 (8)
-
▼
2011
(153)
- ► 12/18 - 12/25 (1)
- ► 07/03 - 07/10 (6)
- ► 06/26 - 07/03 (1)
- ► 06/19 - 06/26 (4)
- ► 06/05 - 06/12 (16)
- ► 05/29 - 06/05 (29)
-
▼
05/22 - 05/29
(37)
- JavaScript Date Object
- INDUSTRIALISATION : Business Economics 1st Year
- AGRICULTURE Business Economics 1st Year
- Protect My Computer System Before Virus Attacks
- How to Avoid Computer Virus Infecting
- Ever Best Google Chrome RSS Feed Extensions
- Colors Moving Changing JavaScript
- How Install Wordpress In Website.
- NATIONAL INCOME : Business Economics 1st Year
- Installing Process of Windows 7 Service Pack 1 tro...
- JavaScript Window Object
- Looping Statements in JavaScript
- Conditional Statements in JavaScript
- HUMAN RESOURCES : Business Economics 1st Year
- Free Fire Animation In JavaScript
- Useful Google Chrome Extensions Make easy
- Shortcut Keys Mozilla Firefox Browser
- How To Display My Twitter Updates in Blogger
- Searching Box Subscribe Box For Blogger
- How To Play Yahoo Audios Videos in Media Player Bl...
- Add Linkedin Stylish Share Button to Blogger
- UNDERDEVELOPMENT AND GROWTH
- INFLATION AND TRADE CYCLES
- 3d dots move along with Javascript
- MARKET STRUCTURE
- PRODUCTION ANALYSIS
- DEMAND ANALYSIS
- INTRODUCTION – MEANING AND OBJECTIVES OF BUSINESS ...
- Complete Operators in JavaScript
- Complete HTML Tags Chart
- PHP Interview Questions With Answers
- 3d rotating Text JavaScript
- Variables in JavaScript
- Text Dancing JavaScript
- SEO for Blogs Blogger Beginners to My Websites
- Importance Of Outbound Links SEO
- Images Search Engine Optimization | Google SEO for...
- ► 05/15 - 05/22 (32)
- ► 05/08 - 05/15 (2)
- ► 05/01 - 05/08 (9)
- ► 04/24 - 05/01 (1)
- ► 04/17 - 04/24 (15)
Monday, 23 May 2011
Complete HTML Tags Chart
Published :
10:27
Author :
Dinesh
Subscribe to:
Post Comments (Atom)
Labels
- Adsense (3)
- Advance JavaScript (8)
- Advanced PHP (23)
- Blogger Tips and Tricks (18)
- Browser Tips (3)
- Business Matters (32)
- Computer Skills (22)
- Contact Me (1)
- Fun On Web (1)
- Fun With Script (12)
- HTML Advanced (8)
- HTML Basics (5)
- JavaScript Basics (12)
- MS Office (2)
- PHP Basics (8)
- PHP Interview Questions (4)
- PHP Mysql (7)
- SEO (12)
- Technology (1)
- Video Tutorials (3)
- Virus (2)
- Website Skills (3)
- Windows (14)
- Windows 7 (7)
- Windows Vista (4)
- Windows XP (7)
- Wordpress (3)
0 comments:
Post a Comment