Html
Hypertext Markup Language
HTML Tags
S.No. | Tags | Description | Syntax |
---|---|---|---|
1 | HTML | It is the root of the html document which is used to specify that the document is html. | <html> .... </html> |
2 | Head | Head tag is used to contain all the head element in the html file. It contains the title, style, meta, … etc tag. | <head>....</head> |
3 | Body | It is used to define the body of html document. It contains image, tables, lists, … etc. | <body>Skillpundit</body> |
4 | Title | It is used to define the title of html document. | <title>Skillpundit</title> |
5 | Heading | It is used to define the heading of html document. | <h1>Skillpundit</h1> <h2>Skillpundit</h2> <h3>Skillpundit</h3> <h4>Skillpundit</h4> <h5>Skillpundit</h5> <h6>Skillpundit</h6> |
6 | Paragraph | It is used to define paragraph content in html document. | <p>HTML: Hyper text markup language.</p> |
7 | Bold | It is used to specify bold content in html document. | <b>Skillpundit</b> |
8 | Italic | It is used to set the content in italic format. | <i>Skillpundit</i> |
9 | Small (text) | It is used to set the small font size of the content. | <small>Skillpundit</small> |
10 | Underline | It is used to set the content in underline format. | <u>Skillpundit</u> |
11 | Deleted text | It is used to represent as deleted text. It cross the text content. | <del>Skillpundit</del> |
12 | Anchor | It is used to link one page to another page. | <a href="http://www.skillpundit.com">Skillpundit</a> |
13 | Image | It is used to add image element in html document. | <img src="skillpundit.jpg"> |
14 | Alternate | It specifies an alternative text to be used, if an image cannot be displayed. | <img src="skillpundit.jpg" alt ="Skillpundit"> |
15 | List | It is used to list the content. | <li>Skillpundit1</li>
<li>Skillpundit2</li> |
16 | Ordered List | It is used to list the content in a particular order. | <ol><li>Skillpundit1</li>
<li>Skillpundit2</li> <li>Skillpundit3</li> <li>Skillpundit4</li> </ol> |
17 | Unordered List | It is used to list the content without order. | <ul><li>Skillpundit1</li>
<li>Skillpundit2</li> <li>Skillpundit3</li> <li>Skillpundit4</li> </ul> |
18 | Pre | It is used for indicating preformatted text preserving both whitespace and line breaks in the HTML document. | <pre>Skillpundit...., this is Skillpundit.</pre> |
19 | Center | It is used to set the content into the center. | <center>Skillpundit</center> |
20 | Font | It is used to specify the font size, font color and font-family in html document. | <font face="Arial">Skillpundit</font> |
21 | Line break | It is used to break the line. | Skillpundit.<br>Skillpundit 1. |
22 | Comment | It is used to set the comment in html document. It is not visible on the browser. We can add the commemts in beween these opening and closing tags. | <!--Skillpundit--> |
23 | Link | It is used to link the content from external source. | <head"> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> |
24 | Quotation | This tag is used to set a set of text inside the quotation marks. | <p> This is<q>Skillpundit</q></p> |
25 | Text | This tag can have infinite number of characters. And it defines multi-line text input control. | <textarea rows="4" cols="25">Skillpundit.........</textarea> |
26 | Big | It is used to set the big font size of the content. | <p> This is<big>Skillpundit</big></p> |
27 | Radio | It is used to select only one option from the given options. | <form method="post"> <input type="radio" name="a" value="Skillpundit 1">Skillpundit1 <input type="radio" name="a" value="Skillpundit 2">Skillpundit2 <input type="radio" name="a" value="Skillpundit 3">Skillpundit3 </form> |
28 | Select | It is used to select an option from a drop-down list. | <form method="post"> <select> <option>Skillpundit1 </option> <option>Skillpundit2 </option> <option>Skillpundit3 </option> </form> |
29 | Checkbox | It is used to select one or more options from the given options. | <form method="post"> <input type="checkbox" name="a" value="Skillpundit 1">Skillpundit <input type="checkbox" name="a" value="Skillpundit 2">Skillpundit <input type="checkbox" name="a" value="Skillpundit 3">Skillpundit </form> |
30 | Inserted | This tag is used to identify text that has been newly inserted text. | <p> Skillpundit<ins>Contest</ins></p> |
31 | Span | It is used to group inline-elements in a document and color a part of a text. | <span class="a">Skillpundit</span> |
33 | Subscript | This tag is used to add a subscript text to the HTML document. | <p> Skillpundit <sub>apply subscript text</sub></p> |
34 | Superscript | This tag is used to add a superscript text to the HTML document. | <p>Skillpundit<sup>apply superscript text</sup></p> |
35 | Mark | This tag is used to highlight a some specific part of the text in a paragraph. | <p> This is<mark>Skillpundit</mark></p> |
36 | Label | This tag is used to define a caption for a form control in HTML form | <form> <label>First name:</label&1t; <input type = "text" name = "first"/> <label>Last name:</label&1t; <input type = "text" name = "last"/> </form> |
37 | hr | This hr tag(Horizontal Rule) is used to creating a horizontal line. This is an empty tag and it doesnot require any end tag. | <h1>One</h1> <p>Skillpundit 1.....</p> <hr> <h2>One</h2> <p>Skillpundit 2.....</p> |
38 | Strike | This tag defines strikethrough text. Note: Not supported in HTML5. | <p>This is<strike>Skillpundit</strike></p> |
39 | Field set | This tag is used to group related elements in a form. | <form> <fieldset> <legend>Skillpundit</legend> Name:<input type="text"> </fieldset> </form> |
40 | Div | It is used to defines a division or a section in an HTML document. | <div style="background-color:lightblue"> <p>Skillpundit</p> Name:<input type="text"> </div> |