HTML Elements

All HTML Elements have start tag and end tag.

<a> Element

This element define hyperlink used for link one web page to other web page.

Example

<a href="https://www.webdeveloperguide.in">Visit WebDeveloperGuide</a>

Output

Visit WebDeveloperGuide

<b> Element

This element use for make bold text in web page.

Example

Let's make this text - <b>bold</b>.

Output

Let’s make this text – bold.

<i> Element

This element use for make italic text in web page.

Example

Let's make this text - <i>italic</i>.

Output

Let’s make this text – italic.

<u> Element

This element use for make underline text in web page.

Example

Let's make this text - <u>Underlined</u>.

Output

Let’s make this text – Underlined.

<br> Element

This element use for add a single line break in web page.

End tag is not required for <br> tag. It is uses as single tag.

Example

Let's make a <br> single line break.

Output

Let’s make a
single line break.

<button> Element

This element use for create a button in web page.

Example

For more information <button type="button">Click Here</button>.

Output

For more information Click Here.

<div> Element

This element use for create a division in web page.

Example

<div>  
  <p>This is a paragraph in div section.</p>
</div>

Output

This is a paragraph in div section.

<!–> Element

This element use for add a comment in HTML page source code. This one of the HTML Elements that will not show in browser. It is just used for reference related to code detail like for what purpose some code was written etc.

Example

<!--This is html paragraph-->
<p>This is a paragaraph </p>

Output

This is a paragaraph

<hr> Element

This HTML element use for add horizontal line in web page.

Example

<p>See below horizontal line</p>
<hr>

Output

See below horizontal line

---

<img> Element

This HTML element use for add image in web page.

Example

<img src="html.png" alt="Image" height="110" width="150">

Output

<input> Element

This HTML element use for take input from user. There are various type of input available like text, radio, checkbox etc. Just specify type in tag whichever you want.

Example

       Text Box: <input type="text"><br>
   Radio Button: <input type="radio"> Radio <br>
Checkbox Button: <input type="checkbox"> Checkbox

Output

Text Box:
Radio Button: Radio
Checkbox Button: Checkbox

<label> Element

This HTML element use for add a label for <input> element like radiobutton, checkbox etc, <select> element, <textarea> element and many others.

Example

  <input type="radio" name="interest" id="yes" value="yes">
  <label for="yes">Yes</label><br>  
  <input type="radio" name="interest" id="no" value="no">
  <label for="no">No</label>

Output

Yes
No

<ul> Element

This element is used for create a unordered list in HTML document. Unordered means list items will show with bullet icons not with number.

<ul>
  <li>Mobiles</li>
  <li>Tablets</li>
  <li>Head Phones</li>
</ul>

Output

• Mobiles
• Tablets
• Head Phones

<ol> Element

This element is used for create a ordered list in HTML document. Ordered list means it will show item with numbers.

<ol>
  <li>Mobiles</li>
  <li>Tablets</li>
  <li>Head Phones</li>
</ol>

1. Mobiles
2. Tablets
3. Head Phones

Read Also: HTML Introduction