Tags in HTML5-part1

The Doctype

The doctype declaration is not an HTML tag. This  tag is used for specifying the language and version the document is using. The <!DOCTYPE> tag does not have an end tag and it is not case sensitive too.  The HTML5 specification recommends that all documents should have  <!DOCTYPE> header at the top of it.


<a> tag

This <a > tag is used to link another page from a webpage. The attribute target in <a> tag can be used to specify if the  new page should open in a  new tab or in a new window.

Attributes :

*href – specifies the URL of a page that the links go to

*target – species the mode the webpage should open.

*Rel    -This establishes a relationship between current and the destination document URL.

<address> tag

HTML5 address tag is used to mention an address in a document or in a section of a document.

<area > tag

HTML area tag is used to define some areas in an image map. You can tag a particular area in an image to be tagged and when the mouse moves over the particular part of the image the information that was coded will be displayed.

<audio > tag

This is an interesting feature that have been included in HTML5 .Till previous versions we need to depend on 3rd party plug-in like flash player to play audios in a webpage. But HTML5 has an inbuilt feature for that   <audio > tag in HTML5 can be used to play audio in a webpage.

<b> tag

This tag is used to specify a text in bold. Added to this one can use headers like <h1> , <h2> , <h3> , <h4> .

<base> tag

<base> tag is used to specify the base URL. Once  a base URL is set on top of the page all the subsequent links that are used in that page will use the base URL as the starting point.<base> tag should be placed in the head section.

<bdo> tag

This <bdo> tag is used to change the text direction .

*‘rtl’ ‘ltr’ –indicates the direction of the text.

<body> tag

This tag is used indicate main content section .This is normally placed between the </head> and </html> tags.

<br> tag

The HTML <br> tag is used to break a line.
Example :

<button> tag

This is used to create button controls in webform.Inside a button one can put text or images to make the purpose understandable to the users.

*Autofocus : Indicates that the button should have the focus when the page loads.

*Form :specifies which form the button belongs.

*Formaction : specifies where the data should be send once the form is submitted.

*Formmethod : specifies the method the data to be send .There are two modee
1)get  2)post

<canvas> tag

Canvas tag is used to display graphics.The <canvas>  tag is just a container actually a script should be used to paint graphics.

<caption> tag

It is used in along with the <table> tag to display the table title.


<cite> tag

It is used to represent title of book or sometext to distinguish from the normal text.

<Col> tag

The HTML <col> tag is used for specifying column properties for each column within a colgroup.

<colgroup> tag
HTML <colgroup> is used to specify properties for a group of columns within a table.

*Span : species the number of columns that the attribute value should be extended.

<command> tag

The HTML <command> tag is used for specifying a command a user can invoke.

*Checked : Defines if the command is checked or not.

<datalist> tag

The <datalist> tag defines a list of options. Use this element together with the input element, to define which values the input element can have.

Use the input element’s list attribute to bind it together with a datalist.

<dd> tag

The HTML <dd> tag is used for specifying a definition description in a definition list.

<del> tag

HTML <del> tag is used  for markup of deleted text.Browsers normally strike out the text that is tagged withdeland underline the inserted text.

<details> tag

The HTML <details> tag specifies additional details that the user can view or hide on demand.

<dfn> Tag

<dfn> tag is used for indicating a definition.

Example :

<div> tag

The HTML <div> 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.

<em> tag

The HTML <em> tag is used for indicating emphasis. The em tag surrounds the word/term being emphasised.

<embed> tag

The HTML <embed> tag is used for embedding an external application or interactive content into an HTML document.


<fieldset> tag

This is used to group related information.