HTML Tags

HTML tags are the building blocks of HTML documents. They are used to define the structure and content of a web page. HTML tags are enclosed in angle brackets (< >) and usually come in pairs: an opening tag and a closing tag. The content to be displayed is placed between the opening and closing tags. Here are some commonly used HTML tags:

 

Heading Tags:

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

These tags define headings of different levels, with <h1> being the most important and <h6> the least important.

 

Paragraph Tag:

<p>This is a paragraph.</p>

 

The <p> tag is used to define paragraphs of text.

 

Anchor Tag (Link):

<a href="https://www.example.com">Visit Example</a>

The <a> tag creates hyperlinks to other web pages or resources. The href attribute specifies the URL.

 

Image Tag:

<img src="image.jpg" alt="Description of the image">

The <img> tag is used to display images on the web page. The src attribute specifies the image file path, and the alt attribute provides an alternative text description.

 

List Tags:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

<ol>
  <li>First Item</li>
  <li>Second Item</li>
</ol>

The <ul> tag creates an unordered (bulleted) list, and the <ol> tag creates an ordered (numbered) list. List items are represented by the <li> tag.

 

Div Tag:

<div>
  <!-- Content goes here -->
</div>

The <div> tag is a generic container that can be used to group other elements and apply styles.

 

Heading Group Tag:

<header>
  <!-- Heading content goes here -->
</header>

The <header> tag is used to group heading elements, such as <h1> to <h6>, that belong to the header of a webpage.

 

Navigation Tag:

<nav>
  <!-- Navigation links go here -->
</nav>

The <nav> tag is used to define the navigation section of a webpage, containing navigation links.

 

Table Tags:

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
</table>

The <table> tag creates a table, and the <tr> tag defines table rows. Table headers are defined using the <th> tag, and table data cells are represented by the <td> tag.

 

Form Tags:

<form action="/submit" method="post">
  <!-- Form fields go here -->
</form>

The <form> tag creates a form for user input, and the action attribute specifies the URL to which the form data is sent. The method attribute defines the HTTP method used for submitting the form.

These are just some of the many HTML tags available for structuring and presenting content on web pages. By using these tags appropriately and understanding their purposes, you can create well-organized and visually appealing web documents.

Thank You.