Hypertext Markup Language most important(HTML5) Tags

Basic Structure Of HTML

<!DOCTYPE html> <html>

<head>
<title>Write your Page Title of HTML document or web page </title>
</head>

<body>

<h1>This is a Heading for web page</h1>
<p>This is a paragraph of document.</p>

</body>

</html>

What is HTML Tag?

HTML Tag mark it as a certain type of text in html Document.

Let’s see detail 

Tag Name Use Of Tag
<ABBR> Abbreviation this tag is Similar to <dfn> and <acronym>,

<abbr title=”Hypertext markup language”>HTML</abbr>

 Using a title attribute (displays a tooltip in standard visual browsers).

<A> Anchor Use to create links  in document. <a>…</a>
<AREA> AREA Hotspot in image map, this tag use for avoid image maps where possible.
<BASE> BASE Adjusts the relative links and paths within the document,Specifies the base location of the document.
<BASEFONT> BASEFONT Display info – never use it, Sets default font size
<BIG> BIG Larger text,  Display info – never use it
<ACRONYM> Acronym This Tag similar way to <abbr> Tag  and <dfn> Tag, using a title attribute.
<ADDRESS> Address Address tag ue for the address section of HTML document, for the contact information of author, owner or etc.

<address>
Written by <a href=”mailto:[email protected]”>Arindam Bharti</a>.<br>
Visit us at:<br>
www.Arindambharti.com.com<br>
Jaipur, Rajasthan<br>
INDIA
</address>

<APPLET> Applet The applet tag is use for embedded applet.
<BLINK> BLINK blink tag mostly used to enclose a text to make it blink.

Now this tag is obsolete. Don’t use.

 

<html>

<head>
<title>HTML blink Tag</title>
</head>

<body>
<blink>This text will blink in Netscape Version 5.0</blink>
</body>

</html>

<BLOCKQUOTE> BLOCKQUOTE BLOCKQUOTE tag use for quotes in HTML document

<blockquote cite=”http://www.arindambharti.com/”>
अगर हमारे देश की कोई भी बिजनेसमैन टेक्नोलॉजी से जुड़ नहीं पाते, तो ऐसे में हमारी जिम्मेदारी बनती है, की उससे टेक्नोलॉजी से अवगत कराया जाये, जिससे उसकी व्यापार एक अलग ऊंचाई पर पहुंच सके ! मेरा मानना है की हमारे देश के सभी बिजनेसमैन को टेक्नोलॉजी से जुड़ना चाहिए, ताकि हमारे देश की ब्यपार भविष्य में वैश्विक व्यापार बन सके !</blockquote>

cite => Specifies the source of the quotation

<BODY> BODY Document body, all document tag are live in this tag,  most Essential (unless you’re using frames)
<BR> break Line break tag ,This is arguably display information. Still in common use.
<B> Bold Bold text.
<BUTTON> BUTTON generally used in form you can use clickable place of document, Often better than <input type=”button” /> or <input type=”submit” />, as it allows you to assign different styles based on the HTML element alone.
<COL> column
<DFN> Definition Definition of a term in HTML, it’s similar to <abbr> and <acronym>, using a title attribute (displays a tooltip in standard visual browsers).
<DIR> Directory Directory list, instaed of it Use a standard <ul> or other list instead.
<DIV> Division The div tag use for division or a section in HTML document, div tag can be use instaed of table. this tag specify the container, section, layout etc in document.

<div style=”background-color:red”>
<h1> write your heading here </h1>
<p> write your paragraph here.</p>

<h2> write your sub heading here </h2>
</div>

<CAPTION> CAPTION caption tag use in table tag or table foemat, this tag use after table tag

<table>
<caption> salary of one year</caption>
<tr>
<th>Month</th>
<th>salary</th>
</tr>
<tr>
<td>march</td>
<td>Rs5000</td>
</tr>

<tr>
<td>april</td>
<td>Rs5500</td>
</tr>
</table>

<CENTER> CENTER Centred block,

Display info – never use it. Use <div> or some other block-level tag with the style text-align:center instead

<CITE> citation Defines a citation, Defines the source of a quotation (in conjunction with content in <q> or <blockquote> pairs).
<CODE> CODE <code>this tag is a piece of computer programming code</code>
<DL> Definition list Contains one or more definition-term / definition-description pairs.
<DT> Definition term Used as part of a <dt></dt><dd></dd> pair within a definition list (<dl></dl>)
<DD> Definition description
<EM> Emphasis Commonly used in place of the old <i> (italics) tag to indicate emphasis (but less than <strong>)
<FONT> FONT Font settings, Display info – never use it
<FORM> FORM Input form, Essential for data input
<H1> HEADING Level 1 header,

Aim to have one H1 on each page, containing a description of what the page is about.

<H2>  HEADING Level 2 header, Defines a section of the page
<H3>  HEADING Level 3 header, Defines a sub-section of the page (should always follow an H2 in the logical hierarchy)
<H4>  HEADING Level 4 header, Etc. Less commonly used
<H5>  HEADING Level 5 header, Less commonly used. Only complex academic documents will break down to this level of detail.
<H6>  HEADING Level 6 header, Less commonly used
<HEAD> HEAD <!DOCTYPE html>
<html><head>
<title>Title of the particular page</title>
</head><body>
The content of the document……
</body></html>
<HR> HR HR tag use for horizontal line
<HTML> HTML Core element of every web page.
<IMG > IMAGE Show an image, Vital. Always use the alt or longdesc attributes when the image has content value
<INPUT> INPUT Input fields within forms, Vital. (I prefer to use <button> for buttons and submit buttons though)
<ISINDEX> ISINDEX Old type of search input, Not really used any more. Use <form> instead.

<!DOCTYPE html>

<html>

<head>

<isindex prompt=“Search… “ />

</head>

</html>

<I> Italic Italicised text,Display info – never use it
<KBD> Keyboard input it’s phrase tag use for keyboard input
<LINK> LINK LINK tag use in head tag for the connection of external file like CSS

<head>
<link rel=”stylesheet” type=”text/css” href=”arindam.css”>
</head>

<LI> LI List item, Specifies an item in an unordered or ordered list (<ul> or <ol>)
<MAP> MAP map tag is generally use for client-side image-map. the image-map make the clickable areas in  the web page.
<MARQUEE> MARQUEE You can  use marquee tag to make the text/image scroll horizontal/vertically on the web page.

<!DOCTYPE html>

<html>

   <body>

      <marquee>This is Mr. Developer website for the programming,
Technologies and business update here. 


        </marquee>

   </body>

</html>
<MENU> MENU menu tag use for navigation or manage of list content in HTML document.

 

<META> META Meta-information, Useful way to insert relevant information into the <head> section of the page that does not need to be displayed.
<OL> Ordered list Type of list where the order of elements has some meaning. Generally rendered with item numbers (best managed with CSS).
<OPTION> OPTION Selection list option, Vital for options within a drop-down control.
<PARAM> PARAM Parameter for Java applet, Used in conjunction with an <object> or <applet> tag to pass additional setting information at runtime.
<PRE> PRE pre tag use for display data as it on the browser as they written on the editor or file. there no changes as it display data.
<P> Paragraph Only use to denote a paragraph of text. Never use for spacing alone.
<Q> Q Short quotation, Use for inline quotations (whereas <blockquote> should be used for quotations of a paragraph or more). Often used in conjunction with <cite> to cite the quotation’s source.
<SAMP> sample Denotes sample output text, Similar to the <code> tag. Rarely used. Avoid.
<SCRIPT> SCRIPT Inline script (e.g. JavaScript), It’s better to have all scripts as separate files than to write inline or in the <head> section, however still has its uses.
<SELECT> SELECT SELECTION tag used Selection list, A drop-down selector for a form. such as city name or used for date of birthday or other purpose.
<SMALL> SMALL SMALL TAG use for Smaller text,  Display info – don’t use if possible
<SPAN> SPAN Span tag An inline span within text, Use to apply meaning or give styling  of the word or sentence or apply property on this specific text(whereas a <div> tag is block-level and breaks the flow)

<p>My fevourite color is <span style=”color:blue”>blue</span> that i like.</p>

<Strikeout> Strikeout Strike tag used for Display info, if possible don’t  use this tag.
<STRONG> STRONG Strong tag use for make text strong , you can Use this instead of the old <b> tag, you can use anyone.
<STYLE> STYLE STYLE Tag use for CSS style settings, used in <head>(head tag) section of a HTML document. if you use external stylesheets, to enable you to apply different styles for different output media.
<SUB> SUB

Subscript text

SUB AND SUP tag are generally used for chemical formula or use for power of number reresent on the document of html form. for example 2 power 2 equal to four. or chemical formula of cabondioxide.
<SUP> SUP

Superscript text

<TABLE> Table Table tag use for data show in tabular form, and its represnt data claerly, you can design the layout of website table tag, but don’t do,  old website layout design are made in table don’t do in present time.
<TD> TD TD it is used for Table data cell, in table cell containing actual data. Cell actually contains a descriptor for a row or column,

use table header (th) tag instead of  TD tag.

<TEXTAREA> TEXTAREA TEXTAREA use for Multi-line text input area in a form, mostly it used foe message in the form you can use most usefull tag under form tag. most usefull
<TH> TH TH use in the Table tag for table heading.
<TBODY> TBODY TBODY use in the table tag for specify for table body,
<THEAD> THEAD Head section of a table use under in table tag.
<VAR> Variable Variable in computer code, Avoid it .

may only be useful in academic documents.

<TFOOT> TFOOT footer section of a table, that the place where you can put like summary data, totals etc. use it before the <tbody> tag!
<TITLE> TITLE title tag use for Document title it is use under in head tag, most usefull
<TR> Table row TR tag most usefull tag with table tag for table row represent.
<TT> Teletype “Teletype” – simulates typewriter output, it is Similar to <pre> tag, except that this tag collapses white space like normal HTML (but <pre> leaves all consecutive white space intact). don’t use if not necessery.
<UL> Unordered list UL tag used for Unordered list in HTML, where order is not important and it’s come with specific sign come .
<VAR> Variable variable tag it’s phrase tag.
<U> Underline Underline tag used for do text underline

Read Also:-

  HTML5 NEW FEATURES

HTML