HTML LEARN BASICS OF HTML & HTML TAGS

( Learn HTML Basics for Beginners ……… Master the Basics of HTML …….. Learn HTML: Tags and Their Functions)

Introduction to HTML

What is HTML?

HTML (HyperText Markup Language) is the standard markup language used to create and design web pages. It provides the basic structure of a website by using different elements called tags. Every website on the internet uses HTML in some form.

HTML helps web browsers understand how content such as text, images, videos, tables, and links should appear on a webpage.


Features of HTML

  • Easy to learn and use
  • Platform independent
  • Used to create web pages and web applications
  • Supports multimedia like images, audio, and video
  • Allows linking between pages using hyperlinks
  • Works together with CSS and JavaScript for better website design and functionality

Basic Structure of an HTML Document

<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a simple HTML page.</p>
</body>
</html>

Functionality of Important HTML Tags

1. <html> Tag

This is the root tag of an HTML document. All other HTML elements are written inside this tag.

<html>
</html>

2. <head> Tag

The <head> tag contains information about the webpage such as title, links, and metadata.

<head>
<title>HTML Tutorial</title>
</head>

3. <title> Tag

Defines the title of the webpage shown on the browser tab.

<title>My Website</title>

4. <body> Tag

Contains all visible content of the webpage such as text, images, tables, and links.

<body>
Content goes here
</body>

5. Heading Tags <h1> to <h6>

Used to create headings of different sizes.

<h1>Main Heading</h1>
<h2>Sub Heading</h2>

6. <p> Tag

Used to write paragraphs.

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

7. <br> Tag

Inserts a line break.

Hello<br>World

8. <hr> Tag

Creates a horizontal line.

<hr>

9. <a> Tag

Used to create hyperlinks.

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

10. <img> Tag

Used to insert images.

<img src="image.jpg" alt="Sample Image">

11. <ul>, <ol>, and <li> Tags

Used to create lists.

Unordered List

<ul>
<li>HTML</li>
<li>CSS</li>
</ul>

Ordered List

<ol>
<li>Step One</li>
<li>Step Two</li>
</ol>

12. <table> Tag

Used to create tables.

<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>22</td>
</tr>
</table>

13. <form> Tag

Used to create forms for user input.

<form>
<input type="text" placeholder="Enter Name">
<button>Submit</button>
</form>

14. <div> Tag

Used to divide sections in a webpage.

<div>
This is a division section.
</div>

15. <span> Tag

Used for styling small portions of text.

<span style="color:red;">Red Text</span>

Advantages of HTML

  • Simple and beginner-friendly
  • Supported by all web browsers
  • Free to use
  • Helps create structured web content
  • Essential for web development

Conclusion

HTML is the foundation of web development and plays an important role in creating websites and web applications. By understanding HTML tags and their functionality, beginners can easily start designing web pages. Learning HTML is the first step toward becoming a web developer.

By admin

Leave a Reply

Your email address will not be published. Required fields are marked *