HTML (Hypertext Markup Language) is the standard markup language for creating web pages. Understanding HTML tags is fundamental for web development. In this article, we’ll explore the Top 10 most used HTML tags, their syntax, and how they are used in web development.
1. html Tag
- Description: Defines the root of an HTML document.
- Syntax:
<html>...</html> - Example:<html> <!– HTML content goes here –> </html>
2. head Tag
- Description: Contains meta-information about the HTML document.
- Syntax:
<head>...</head> - Example:<head><title>Document Title</title><meta charset=“UTF-8”> <!– Other meta tags and links go here —> </head>
3. title Tag
- Description: Sets the title of the HTML document.
- Syntax:
<title>Document Title</title> - Example:<title>Design With Rehana</title>
4. body Tag
- Description: Contains the visible content of the HTML document.
- Syntax:
<body>...</body> - Example:<body>
<h1>Hello, world!</h1>
<p>This is a paragraph.</p>
<!– Other content goes here –>
</body>
5. headings tags (h1 to h6) Tags
- Description: Define headings of different levels in your web pages.
- Syntax:
<h1>Heading 1</h1>to<h6>Heading 6</h6> - Example:<h1>Main Heading</h1>
<h2>Subheading</h2> - <!– Other headings –>
6. paragraph (p) Tag
- Description: Defines a paragraph of your web pages.
- Syntax:
<p>This is a paragraph.</p> - Example:<p>Hello from team Design With Rehana</p>
7. anchor (a) Tag
- Description: Creates a hyperlink in you web pages.
- Syntax:
<a href="url">Link Text</a> - Example:<a href=”https://example.com”>Visit Example</a>
8. image (img) Tag
Description: Embeds an image (you can use an image into your web pages).- Syntax:
<img src="path-of-imgae" alt="Description"> - Example:<img src=”source-of-image” alt=”this is logo of website”>
9. unordered list (ul and li )Tags
Description: Creates an unordered list and list items.- Syntax:<ul><li>List Item 1</li><li>List Item 2</li></ul>
- Example:<ul><li>Apple</li><li>Orange</li></ul>
- Output:-
- Apple
- Orange
10. ordered list (ol and li )Tags
- Description: Creates an unordered list and list items.
- Syntax:<ol><li>List Item 1</li><li>List Item 2</li></ol>
- Example:<ol><li>Apple</li><li>Orange</li></ol>
- Output:- 1. Apple 2. Orange
Conclusion
Understanding these top 10 HTML tags is essential for anyone starting out in web development. By mastering these tags and their usage, you’ll be well on your way to creating rich and engaging web pages.
Informative articles, excellent work site admin! If you’d like more information about Social Media Marketing, drop by my site at Webemail24 Cheers to creating useful content on the web!