HTML TAGS

HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags.

When a web browser reads an HTML document, browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.

---

Syntax

<tag> content </tag>

---

HTML Tag Examples

Note: HTML Tags are always written in lowercase letters. The basic HTML tags are given below:

<p> Paragraph Tag </p>

<h2> Heading Tag </h2>

<b> Bold Tag </b>

<i> Italic Tag </i>

<u> Underline Tag</u>

Unclosed HTML Tags

Some HTML tags are not closed, for example br and hr.

<br> Tag: br stands for break line, it breaks the line of the code.

<hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line across the webpage.

---

HTML Meta Tags

DOCTYPE, title, link, meta and style

---

HTML Text Tags

<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br>

---

HTML Link Tags

<a> and <base>

---

HTML Image and Object Tags

<img>, <area>, <map>, <param> and <object>

---

HTML List Tags

<ul>, <ol>, <li>, <dl>, <dt> and <dd>

---

HTML Table Tags

table, tr, td, th, tbody, thead, tfoot, col, colgroup and caption

---

HTML Form Tags

form, input, textarea, select, option, optgroup, button, label, fieldset and legend

---

HTML Scripting Tags

script and noscript

HTML Formatting

---

HTML Formatting

HTML Formatting is a process of formatting text for better look and feel. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. There are almost 12 options available that how text appears in HTML and XHTML.

Here, we are going to learn 12 HTML formatting tags.

---

1) Bold Text

If you write anything within <b>............</b> element, is shown in bold letters.

See this example:

1. <p> <b>Write Your First Paragraph in bold text.</b></p>  

   2) Italic Text

   If you write anything within <i>............</i> element, is shown in italic letters.
   See this example:
   
   

   1. <p> <i>Write Your First Paragraph in italic text.</i></p>   

   2. 3) HTML Marked formatting

      If you want to mark or highlight a text, you should write the content within <mark>.........</mark>.
      See this example:
      
      

      1. <h2>  I want to put a <mark> Mark</mark> on your face</h2>  

      
      

   
   

HTML Heading

---

HTML Heading

A HTML heading or HTML h tag can be defined as a title or a subtitle which you want to display on the webpage. When you place the text within the heading tags <h1>.........</h1>, it is displayed on the browser in the bold format and size of the text depends on the number of heading.

There are six different HTML headings which are defined with the <h1> to <h6> tags.

h1 is the largest heading tag and h6 is the smallest one. So h1 is used for most important heading and h6 is used for least important.

See this example:

1. <h1>Heading no. 1</h1>  
2. <h2>Heading no. 2</h2>  
3. <h3>Heading no. 3</h3>  
4. <h4>Heading no. 4</h4>  
5. <h5>Heading no. 5</h5>  
6. <h6>Heading no. 6</h6>