In this tutorial, you will know about Html tags and their purpose. Learning HTML involves exact use of its tags to get desire result.
Introduction to HTML Tags
The HTML consists of a series of tags that provide instructions to a web browser in regard of displaying web page. Each tag consists of a pair ( > ), one is called starting tag and other ending tag (or close tag). Each tag has its own attributes, value and performance in Html Document. The starting tag is written between (greater-than sign), similarly the ending tag is also written between these signs but it is closed by using / (forward slash). A simple example of HTML tag is a pair of b tag " ". This tag is used to make a bold text, to make a word bold (or line) , the declaration (or writing method) is as follows:
This line will be shown as bold.
All other tags are used in the above same way.
The following are the basic tags that are most commonly used in regard of designing/ developing websites.
| This tag defines the document type, it is written in the first line of html document. Such as, to declare HTML5 document, the statement will be as: |
|This tag describes the root of HTML document.|
| It is used to add comment in HTML source code to make easy for understanding and modification of the document. The using method of this tag is as follows: |
| This tag is used to write paragraph. By default, it displays as a block. The syntax of this tag is as follows: |
Your 1st paragraph....
Your 2nd paragraph....
|It is used to make bold text.|
|It is used to underline text.|
|It is used to make italic text.|
|These tags are used to indicate heading of paragraph or any other object of web page.|
| The "" tag is used to create a link to another webpage. The syntax of this tag is as follows: |
the link anchor text goes here
such as, CodeHim home page >
| || It is used to break line. The text written after this tag, start from the new line. This tag has not end tag and it can be written as |
both are correct.
| ||This tag defines the possible line break.|
| || It is used to show thematic change in a document. Like "br" tag, it also has no end tag. It can be written as |
| ||The "ul" is stands for unordered list that is used to create a list. The "li" is the short of list item . This tag is used within unordered list or ordered list to indicate item/member of list. |
Such as: The following is the list:
| ||The "ol" is stands for ordered list that is used to create a list with numbering. The |
Such as: The following is list with numbers:
| It is used to make a word or paragraph more important. |
For example, This is strong text.
|It is used to define content aside from the page content.|
| ||In html document, this tag specifies the base URL/target for all relative URLs|
|It is used to create different types of click able command buttons.|
|It is used to defines the title of a work in HTML document.|
|It is used to override the current text direction in document.|
| ||It is used to define the description list.|
| ||It is used to define a term in description list.|
| ||This tag defines the description of a term in description list.|
|It is used to defining instance of a term.|
|It is used to define a dialog box or window in the webpage.|
|It is used to define emphasized text in the document.|
|It is used to create form for getting different types of input from the user.|
|It is used to make a group of related elements in a form|
|It is used to add caption for|
|It is used to indicate that a new text has been inserted into a document.|
|It is used to control input.|
|It is used to define a label for element. .|
|This tag defines the keyboard input.|
| || It is used to quoted section (usually text) that is taken from another source. |
Everything has beauty, but not everyone can see.
| || This tag is used to cutting a word or numbers from document, it draw a line on that word to show that the word has been deleted. |
Such as: to show price of any product, $15 rather than
| || It is used to show additional details about any topic that user can view or hide. |
This is additional details...
| || This tag defines visible heading for |
tag. By default, details heading is "Details", this tag helps to customize this heading. Such as:
Read MoreThis is text to read more....
| ||By default, this tag display data in a block (start from new line). It is used to create divisional section in the document. |
For example, in markup, there is no line break, but in output, each div tag starts from new line.
This is first line text
This is second line text
| It is used to highlight specific text in the document. |
Such as: HTML5 Tags List
|It is used to create a menu for different commands (including links).|
|It is used to define items for|
|It is used to define options menu. This tag is used inside the|
|This tag is used to create a drop down menu (options menu). For example,|
| It is used to insert abbreviation or an acronym in HTML document. |
Such as: HTML is the short of Hyper Text Markup Language.
| This tag defines an article. Article should be written within this tag. |
Such as: This is the body of article, all others tag like p, b, u, i table and lists are goes here.....
|It is used to add address of owner/author of the document. By default it displays as block and with italic font style.|
|It is used to format a text in different direction from other text outside using css for this tag. By default, it hasn't any design and it displays as inline-block.|
| || It is used to insert code of computer program in HTML document. |
For example to show a C++ Hello world program, the syntax will be as:
| || It is also used to insert computer code in HTML document. The piece of code written between |
andtag printed as it is written (including spaces, special characters, tab space and so on).
For example to show a piece of CSS code, the syntax will be as:
/*css body and paragraph design */
|It is used to make text smaller than other text in the document.|
|This tag defines a section in HTML document. By default, it displays as in-line block and doesn't effects any other element. But it can be used for different styles using CSS.|
|It is used to show a result of calculation or any other output of computer program.|
| ||It is used to show scalar measurement within a known range.|
|It is used to indicate main content of the document. By default, it displays as block.|
|It is used to add script in html document/webpage.|
|It is used to show alternative contents if the browser does not execute scripts.|
|This tag defines the subscripted text in the html document.|
|This tag defines the superscripted text in the html document.|
|This tag defines date and time|
| ||This tag defines the text that is no longer correct.|
| ||This tag defines a short quotation.|
|This tag defines a ruby annotation.|
|If browsers do not support ruby annotations, this tag defines what to show instead of element.|
|This tag defines an explanation for characters.|
HTML Tags for Creating Table
|Tag||Purpose and Meaning|
The structure of HTML table is as follows:
HTML Header Area Tags
The following tags are used for meta data and other purposes in html Document. These tags or not directly display to the user. These are written betweentag of the webpage source code.
HTML Multimedia Tags
The following group of tags are used to handle multimedia (such as photos, videos, audio etc) contents in html document/webpage.
HTML Tags that no Longer Exists in HTML5
The following 12 tags not supported in HTML 5. However, older versions of HTML (and some latest browser) still supporting these tags.