In HTML tags post, You can find all tags of HTML.HTML tags post will help you to learn tips regarding HTML.HTML, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on WWW pages. HTML tags are :
address tagThe HTML address tag is used for indicating an address, usually related to authorship of the current document.
| Example | <address> W3C Australian Office<br> CSIRO ICT<br> Building 108, North Road, Australian National University Campus<br> Acton, Canberra<br> ACT 2601, Australia<br> </address> |
area tag
The HTMLarea tag is used for defining an area in an image map. This tag is used in conjunction with the map tag and img tag to create an image map.
| Example | <img src ="/pix/mueller_hut/mueller_hut_t.jpg" width="225" height="151" border="0" alt="Mueller Hut, Mount Cook, and I" usemap ="#muellermap" /> <map id ="muellermap" name="muellermap"> <area shape ="rect" coords ="90,80,120,151" href ="http://www.natural-environment.com/places/mueller_hut.php" target="_blank" alt="Mueller Hut" /> </map> |
b tag
The HTML b tag is used for specifying bold text.
| Example | The HTML b tag specifies <b>bold</b> text. |
body tag
The HTML body tag is used for indicating the main content section of the HTML document. The body tag is placed between the </head> and the </html> tags.
| Example | <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>HTML body tag</title> </head> <body style="background-color:orange"> Document content goes here </body> </html> |
br tag
The HTMLbr tag is used for specifying a line break. | Example | <p>This is before the line break<br /> and this after the line break.</p> |
button tag
The HTML button tag is used for creating a button within forms.
<button> tag does have some advantages. In particular, you can place HTML between the <button></button> tags. This enables you to do things you wouldn’t normally be able to with the input tag. | Examples | Example 1: This HTML button was created using the following code: <form> <button name="quackitButton" value="Submit" type="button">Click Me</button> </form> Example 2: This button, which also contains an image, was created with the following HTML code: <form> <button name="quackitButton" value="Submit" type="button"> <img src="/pix/web_graphics/free_website_graphics/icons/books/book13.gif" alt="Read book" /> <br />Read Book!</button> </form> |
center tag
The HTMLcenter tag is used to center-align HTML elements. | Example | <center>This text is centered</center>. |
div tag
The HTMLdiv tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format
them with CSS. For example, you could have your navigation section
wrapped in one divand your main content section in another div.
| Example | <div style="background-color:orange;text-align:center"> <p>Navigation section</p> </div> <div style="border:1px solid black"> <p>Content section</p> </div> |
em tag
The HTML em tag is used for indicating emphasis. The em tag surrounds the word/term being emphasised.
| Example | I can <em>not</em> emphasise this enough! |
font tag
The HTMLfont tag is used to specify the font to use. | Example | <p><font face=”cursive,serif” color=”#ff9900″ size=”4″>The HTML font tag is now deprecated. You should use <a href="/css/properties/css_font.cfm" target="_blank">CSS font</a> to set font properties instead.</font></p> |
form tag
The HTMLform tag is used for declaring a form. The <form> tag is used in conjunction with form-associated elements. To create a form, you can nest form-associated elements inside the opening/closing <form> tags.
| Example | <form action="/html/tags/html_form_tag_action.cfm" method="get"> First name: <input type="text" name="first_name" value="" maxlength="100" /> <br /> Last name: <input type="text" name="last_name" value="" maxlength="100" /> <input type="submit" value="Submit" /> </form> |
frame tag
The HTMLframe tag is used to specify each frame within a frameset. For example, you can have a left frame for navigation and a
right frame for the main content. For each frame, you specify the frame
with the frame tag.
| Example | <html> <head> <title>Frameset page<title> </head> <frameset cols = "25%, *"> <noframes> <body>Your browser doesn't support frames. Therefore, this is the noframe version of the site.</body> </noframes> <frame src ="/html/tags/frame_example_left.html" /> <frame src ="/html/tags/frame_example_right.html" /> </frameset> </html> |
h1 tag, h2 tag, h3 tag, h4 tag, h5 tag, h6 tag
The HTMLh1 tag is used for specifying level 1 headings. There are 6 levels of headings (h1 - h6) with h1 the most important and h6 the least important. Browsers typically render the various headings in different sizes – with h1 being the largest and h6 being the smallest.
| Example | <h1>Level 1 heading using the HTML h1 tag</h1> |
head tag
The HTML head tag is used for indicating the head section of the HTML document.
the document such as title, description, keywords etc. Most of this
information is not displayed in the browser (although the title usually
appears in the browser’s title bar) but can be useful for search engines etc. The head tag is placed between the html and the body tags.
| Example | <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>HTML head tag</title> </head> <body style="background-color:orange"> Document content goes here </body> </html> |
hr tag
he HTMLhr tag is used for creating a horizontal rule. | Example | <hr />
|
i tag
The HTML i tag is used for specifying text in italics.
| Example | The HTML i tag specifies text in <i>italics</i>. |
iframe tag
The HTML iframe tag is used to specify an inline frame.
srcattribute to specify the source of the other document, as well as other
attributes to determine the height, width, scrolling properties, border
etc.
| Example | <iframe src="/pix/milford_sound/milford_sound_t.jpg" width="200" height="150" scrolling="auto" frameborder="1"> <!--This bit is only viewed by browsers that don't support inline frames --> Your browser doesn't support inline frames. </iframe> |
input tag
The HTMLinput tag is used within a form to declare an input element – a control that allows the user to input data. | Example | <form action="/html/tags/html_form_tag_action.cfm" method="get"> First name: <input type="text" name="first_name" value="" maxlength="100" /> <br /> Last name: <input type="text" name="last_name" value="" maxlength="100" /> <input type="submit" value="Submit" /> </form> |
label tag
The HTMLlabel tag is used for adding a label to a form control. If you use the label tag, in some browsers, users can select a radio button or checkbox option by clicking on its label.
| Example | <p>Which fruit would you like for lunch?</p> <form> <input type="radio" name="fruit" id="banana" /> <label for="banana">Banana</label> <br /> <input type="radio" name="fruit" id="None" /> <label for="none">None</label> </form> |
li tag
The HTMLli tag is used for specifying a list item in ordered, unordered, directory, and menu lists. | Example | <ul> <li>ol - ordered list</li> <li>ul - unordered list</li> <li>dir - directory list (deprecated)</li> <li>menu - menu list (deprecated)</li> </ul> |
link tag
The HTMLlink tag is used for defining a link to an external document. It is placed in in the head section of the document. | Example | <link rel="stylesheet" type="text/css" href="/global.css" /> |
menu tag
The HTMLmenu tag is used for specifying a menu list. For other list types, see the ul tag (for an unordered list), the ol tag (for an ordered list), and the dir tag (for a directory list).
| Example | <menu> <li>dir</li> <li>menu</li> <li>ul</li> </menu> |
meta tag
The HTMLmeta tag is used for declaring metadata for the HTML document. Metadata can include document decription, keywords, author etc. It can also be used to refresh the page or set cookies.
The meta tag is placed between the opening and closing head tags.| Example | <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>HTML meta tag</title> <meta name="keywords" content="HTML, meta tag, metadata" /> <meta name="description" content="HTML tag for declaring metadata for the HTML document" /> <meta http-equiv="refresh" content="10" /> </head> <body style="background-color:orange"> Document content goes here </body> </html> |
noscript tag
The HTMLnoscript tag is used for providing alternative content for browsers that don’t support javascript or other scripting languages. This element is used in conjunction with the script tag.
| Example | <script language="javascript" type="text/javascript"> document.write('Disable your JavaScript then reload this page'); </script> <noscript> Your browser doesn't support JavaScript or you have disabled JavaScript. Therefore, here's alternative content... </noscript> |
object tag
The HTMLobject tag is used for embedding an object within an HTML document. Use this tag to embed multimedia in your web pages. You can also use the param tag to supply parameters to your embedded object.
| Example | <object title="Woofer dog." classid="wooferDog.class"> <!-- If the applet didn't work, try the image file --> <object data="wooferDog.gif" type="image/gif"> <!-- If the image didn't work, display the text --> Woofer dog. </object> </object> |
ol tag
The HTMLol tag is used for specifying an ordered list (or numbered list). | Example | <ol> <li>ol - ordered list</li> <li>ul - unordered list</li> <li>dir - directory list (deprecated)</li> <li>menu - menu list (deprecated)</li> </ol> |
option tag
The HTMLoption tag is used in conjunction with the select tag and is used for defining option items within the select list. | Example | <select> <option value ="sydney">Sydney</option> <option value ="melbourne">Melbourne</option> <option value ="cromwell" selected>Cromwell</option> <option value ="queenstown">Queenstown</option> </select> |
p tag
The HTML p tag is used for defining a paragraph.
| Example | <p>This paragraph is defined using the HTML p tag</p>. |
param tag
The HTMLparam tag is used for passing parameters to an embedded object.
| Example | <object title="Woofer dog." classid="wooferDog.class"> <param name="audio" value="woof.au"> <param name="width" value="600"> <param name="height" value="400"> </object> |
pre tag
The HTMLpre tag is used for indicating preformatted text. The code tag surrounds the code being marked up. Browsers normally render pre text in a fixed-pitched font, with whitespace in tact, and without word wrap.
| Example | <pre>This text has been formatted using the HTML pre tag. The brower should display all white space as it was entered. </pre> |
select tag
The HTMLselect tag is used for defining a select list.
| Example | <select> <option value ="sydney">Sydney</option> <option value ="melbourne">Melbourne</option> <option value ="cromwell">Cromwell</option> <option value ="queenstown">Queenstown</option> </select> |
small tag
The HTML small tag is used for specifying small text.
| Example
| The HTML small tag specifies <small>small</small> text. |
script tag
The HTML script tag is used for declaring a script (such as JavaScript) within your HTML document.
| Example | <script type="text/javascript"> document.write('The HTML Script tag allows you to place a script within your HTML documents'); </script> |
table tag
Tables consist of the<table> element as well as other table-related elements. These other elements are nested inside the<table> tags to determine how the table is constructed. | Example | <table border = "1"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> |
sup tag
The HTML sup tag is used for defining superscript text.
| Example | <p>The sup tag is used for <sup>superscript text</sup></p>. |
sub tag
The HTML<sub> tag is used for defining subscript text. | Example | <p>The sub tag is used for <sub>subscript text</sub></p>. |
style tag
The HTML<style> tag is used for declaring style sheets within the head of your HTML document. | Example | <head> <style type="text/css"> h1 { color:#000099 } </style> </head> |
strong tag
The HTMLstrong tag is used for indicating stronger emphasis than the em tag. The strong tag surrounds the emphasised word/phrase. | Example | I'm <strong>serious</strong>. I really can <strong>not</strong> emphasise this strongly enough! |
tad tag
The HTML <td> tag is used for specifying a cell (or table data) within a table.
| Example | <table border = "1"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> |
textarea tag
he HTML<textarea> tag is used within a form to declare a textarea element – a control that allows the user to input text over multiple rows. | Example | <textarea rows="3" cols="40"> Textarea provides space for as many characters as you like. </textarea> |
title tag
The HTML<title> tag is used for declaring the title of the HTML document. The title is usually displayed in the browser’s title bar (at the
top). It is also typically used by search engines (to display the page
title in the search results page) and browsers "favorites” lists.
| Example | <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>HTML title tag</title> </head> <body style="background-color:orange"> Document content goes here </body> </html> |
tr tag
The HTML<tr> tag is used for specifying a table row within a table. A table row contains one or more td and/or th tags which determine individual cells. | Example | <table border = "1"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> |
tt tag
The HTML <tt> tag is used for rendering teletype (or monospaced) text.
| Example | The HTML tt tag renders <tt>teletype</tt> (or <tt>monospaced</tt>) text. |
u tag
The HTML<u> tag is used for rendering underlined text. | Example | The HTML u tag renders <u>underlined</u> text. |
ul tag
The HTMLul tag is used for specifying an unordered list (or un-numbered list).
| Example | <ul> <li>ul - unordered list</li> <li>ol - ordered list</li> <li>dir - directory list (deprecated)</li> <li>menu - menu list (deprecated)</li> </ul> |
var tag
The HTMLvar tag is used for indicating an instance of a variable or a parameter for an application. | Example | The program accepts the <var>width</var> parameter to determine the display width. |
imag tag
he HTMLimg tag is used for embedding images into an HTML document. To use this tag, the image you specify in the src attribute needs to be available on a web server. This could be your own web server or another web server (such as PhotoBucket).
| Example | <img src="/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand"> |
map tag
The HTMLmap tag is used for defining an image map.
| Example | <map id ="muellermap" name="muellermap"> <area shape ="rect" coords ="90,80,120,151" href ="http://www.natural-environment.com/places/mueller_hut.php" target="_blank" alt="Mueller Hut" /> </map> |
th tag
The HTML<th> tag is used for specifying a header cell (or table header) within a table. | Example | <table border = "1"> <tr> <th>Tag</th> <th>Description</th> </tr> <tr> <td>th</td> <td>Specifies a table header</td> </tr> </table> |