0% found this document useful (0 votes)
3 views5 pages

HTML_30_Tags_with_Examples

The document lists 30 essential HTML tags along with their descriptions and examples. It includes tags for structuring a webpage, such as <html>, <head>, <body>, and various content elements like <p>, <a>, <img>, and lists. Each tag is briefly explained with a sample code snippet to illustrate its usage.

Uploaded by

zeguslive
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views5 pages

HTML_30_Tags_with_Examples

The document lists 30 essential HTML tags along with their descriptions and examples. It includes tags for structuring a webpage, such as <html>, <head>, <body>, and various content elements like <p>, <a>, <img>, and lists. Each tag is briefly explained with a sample code snippet to illustrate its usage.

Uploaded by

zeguslive
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

30 HTML Tags with Examples

Index
S.No Tag Name
1 <html>
2 <head>
3 <title>
4 <meta>
5 <link>
6 <style>
7 <script>
8 <body>
9 <h1 to h6>
10 <p>
11 <a>
12 <img>
13 <ul>
14 <ol>
15 <li>
16 <table>
17 <tr>
18 <th>
19 <td>
20 <form>
21 <input>
22 <label>
23 <button>
24 <textarea>
25 <select>
26 <option>
27 <div>
28 <span>
29 <br>
30 <hr>

<html> – HTML Root


Wraps the entire HTML content.

<!DOCTYPE html>
<html>
...
</html>
<head> – Metadata Container
Holds metadata like title and links.

<head>
<title>My Page</title>
</head>

<title> – Page Title


Displays title in browser tab.

<title>My Website</title>

<meta> – Meta Information


Defines metadata like charset or viewport.

<meta charset="UTF-8">

<link> – External Resources


Links external CSS files.

<link rel="stylesheet" href="styles.css">

<style> – Internal CSS


Defines internal CSS styles.

<style>
body {color: blue;}
</style>

<script> – JavaScript Code


Embeds or links JS.

<script>
alert('Hi');
</script>

<body> – Page Content


Contains visible HTML content.

<body>
<h1>Hello</h1>
</body>
<h1> to <h6> – Headings
Defines headings, h1 is largest.

<h1>Main</h1>
<h6>Smallest</h6>

<p> – Paragraph
Represents a paragraph.

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

<a> – Hyperlink
Creates a hyperlink.

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

<img> – Image
Embeds an image.

<img src="pic.jpg" alt="Picture">

<ul> – Unordered List


Bulleted list.

<ul>
<li>Item</li>
</ul>

<ol> – Ordered List


Numbered list.

<ol>
<li>First</li>
</ol>

<li> – List Item


Defines list item.

<li>Item</li>

<table> – Table
Creates a table.
<table border='1'>
...
</table>

<tr> – Table Row


Defines a table row.

<tr>
<td>Cell</td>
</tr>

<th> – Table Header


Defines header cell.

<th>Name</th>

<td> – Table Data


Defines data cell.

<td>John</td>

<form> – Form
Creates a form.

<form action='/submit'>...</form>

<input> – Input Field


Creates an input box.

<input type="text" name="user">

<label> – Label
Label for form input.

<label for="user">Name:</label>

<button> – Button
Clickable button.

<button>Click Me</button>
<textarea> – Multi-line Text
Input for longer text.

<textarea></textarea>

<select> – Dropdown
Creates a dropdown list.

<select><option>One</option></select>

<option> – Dropdown Option


Options inside a select.

<option value='1'>One</option>

<div> – Block Container


Container for block elements.

<div>Block Content</div>

<span> – Inline Container


Container for inline content.

<span>Inline</span>

<br> – Line Break


Inserts a new line.

Line 1<br>Line 2

<hr> – Horizontal Rule


Inserts horizontal line.

<hr>

You might also like