What is a HTML Tag ?
HTML tag is the root of the html document which is used to specify that the document is html.
What are parts of HTML Tags?
HTML tags contain three main parts,
1. Opening tag.
2. HTML content.
3. Closing tag
All HTML tags must enclosed within < > these brackets.
Every tag in HTML perform different tasks as per the users requirement.
If we open a tag <tag>, then we must close that tag </tag>
But some HTML tags are unclosed tags.
How HTML tags work ?
HTML tags defines that how web browser will format and display the content.
HTML tags are used to create HTML documents and render their properties.
With the help of HTML tags, a web browser can distinguish between an HTML content and a simple content.
We can use as many tags we want as per our code requirement.
When a web browser loads the HTML document, the browser reads the code from top to bottom and left to right.
There are some of the basic tags present in HTML, some of them are categorised and listed below.
Full HTML course !!!
Click to Learn More about – HTML Tutorial for beginners
1. Basic HTML tags :
| Sno | Tags | Description |
| 1 | <!DOCTYPE> | Defines the document type of the HTML document. |
| 2 | <html></html> | Defines an HTML document. |
| 3 | <head></head> | Defines information about the document |
| 4 | <title></title> | Defines a title for the document |
| 5 | <body></body> | Defines the document’s body |
| 6 | <h1> to <h6> | Defines HTML headings |
| 7 | <p></p> | Defines a paragraph |
| 8 | <br/> | Tag inserts a single line break |
| 9 | <hr> | In HTML-4 Tag is horizontal rule. In HTML-5 Tag defines a thematic change in the content. |
| 10 | <!– Comments –> | Defines a comment inside the HTML document. |
2. Basic Meta Tags :
| Sno | Tags | Description |
| 1 | <meta></meta> | Defines metadata about an HTML document. |
| 2 | <base> | Tag specifies the base URL/target for all relative URLs in a document. |
| 3 | <basefont> | Tag is not supported in HTML5, it specifies a default color, size, and font for all text in a document |
All HTML Tags tutorial for beginners
Click to Learn More about – All HTML Tags Tutorial for beginners
3. Programming Tags :
| Sno | Tags | Description |
| 1 | <script></script> | Defines a client-side script |
| 2 | <noscript></noscript> | Defines an alternate content for users that do not support client-side script |
| 3 | <applet></applet> | Defines an embedded applet, which is not supported in HTM5. |
| 4 | <embed></embed> | Defines a container for an external (non-HTML) application |
| 5 | <object></object> | Defines an embedded object |
| 6 | <param></param> | Defines a parameter for an object |
4. Link Tags :
| Sno | Tags | Description |
| 1 | <a></a> | Defines a hyperlink |
| 2 | <link> | Defines the relationship between a document and an external resource. |
| 3 | <nav></nav> | Defines navigation links |
Want to Learn More About – HTML Elements
Let Us Discover More About – HTML Elements
5. Image Tags :
| Sno | Tags | Description |
| 1 | <img> | Defines an image |
| 2 | <map></map> | Defines a client-side image-map |
| 3 | <area> | Defines an area inside an image-map |
| 4 | <canvas></canvas> | Tag is used to draw graphics |
| 5 | <figcaption></figcaption> | Defines a caption for a <figure> element |
| 6 | <figure></figure> | Tag specifies self-contained content |
| 7 | <picture></picture> | Defines a container for multiple image resources |
| 8 | <svg></svg> | Defines a container for SVG graphics |
6. List Tags :
| Sno | Tags | Description |
| 1 | <ul></ul> | Defines an unordered list |
| 2 | <ol></ol> | Defines an ordered list |
| 3 | <li></li> | Defines a list item |
| 4 | <dir></dir> | Defines the directory list but it is not supported in HTML5. |
| 5 | <dl></dl> | Defines a description list |
| 6 | <dt></dt> | Defines a term/name in a description list |
| 7 | <dd></dd> | Defines a description in a description list |
HTML5 Full Tutorials For Beginners !!!
Click to Learn More about – HTML5 Tutorial for beginners
7. Table Tags :
| Sno | Tags | Description |
| 1 | <table></table> | Defines a table |
| 2 | <caption></caption> | Defines a table caption |
| 3 | <th></th> | Defines a header cell in a table |
| 4 | <tr></tr> | Defines a row in a table |
| 5 | <td></td> | Defines a cell in a table |
| 6 | <thead></thead> | Defines the header content grouped in a table. |
| 7 | <tbody></tbody> | Defines the body content grouped in a table |
| 8 | <tfoot></tfoot> | Defines the footer content grouped in a table |
| 9 | <col> | Defines column properties for each column within a <colgroup> element |
| 10 | <colgroup></colgroup> | Defines a group of one or more columns in a table for formatting |
8. Audio / Video Tags :
| Sno | Tags | Description |
| 1 | <audio></audio> | Defines the sound content |
| 2 | <source> | Defines multiple media resources for media elements (<video>, <audio> and <picture>) |
| 3 | <video></video> | Defines a video or movie |
| 4 | <track> | Defines text tracks for media elements (<video> and <audio>) |
Creating website using html – HTML Attributes
Let Us Discover More About – HTML Attributes
9. Form and Input Tags :
| Sno | Tags | Description |
| 1 | <form></form> | Defines an HTML form for user input |
| 2 | <input> | Defines an input control |
| 3 | <textarea></textarea> | Defines a multiline input control (text area) |
| 4 | <button></button> | Defines a clickable button |
| 5 | <select></select> | Defines a drop-down list |
| 6 | <optgroup></optgroup> | Defines a group of related options in a drop-down list |
| 7 | <option></option> | Defines an option in a drop-down list |
| 8 | <label></label> | Defines a label for an <input> element |
| 9 | <fieldset></fieldset> | Defines the Groups related elements in a form |
| 10 | <legend></legend> | Defines a caption for a <fieldset> element |
| 11 | <datalist></datalist> | Tag specifies a list of pre-defined options for input controls |
| 12 | <output></output> | Defines the result of a calculation |
10. Frames Tags :
| Sno | Tags | Description |
| 1 | <frame></frame> | Tag is not supported in HTML5 which actually defines a window (a frame) in a frameset. |
| 2 | <frameset></frameset> | Tag is not supported in HTML5 which defines a set of frames. |
| 3 | <noframes></noframes> | Tag is not supported in HTML5 which defines an alternate content for users that do not support frames |
| 4 | <iframe></iframe> | Defines an inline frame inside HTML document. |
Detailed explanation for the above tags will e discussed in future chapters.
Want to Learn More about – HTML Build Blocks
Let Us Discover More About – HTML Building Blocks
Video Tutorial – Watch on Youtube
HTML Tags Full Tutorial For Beginners !!!
Let Us Discover More About – HTML Tags