Scribd
Upload
2 views

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
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

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
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