1. Home
  2. HTML

HTML Tutorial

HTML Lists

HTML Forms

HTML Tags

HTML Media

Reading Section

HTML

HTML (Hypertext Markup Language) is the standard markup language used to create and design web pages. Here's a quick overview of HTML:

Basic HTML Structure:   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Page Title</title>
</head>
<body>
    <!-- Content goes here -->
</body>
</html>

Key HTML Elements:

1.Headings:

<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<!-- ... -->
<h6>This is a Heading 6</h6>

 

2.Paragraphs:

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

 

3.Links:

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

 

4.Images:

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

 

5.Lists:

Ordered List:

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

 

Unordered List:

<ul>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
</ul>

 

6.Tables:

<table>
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1, Cell 1</td>
            <td>Row 1, Cell 2</td>
        </tr>
        <tr>
            <td>Row 2, Cell 1</td>
            <td>Row 2, Cell 2</td>
        </tr>
    </tbody>
</table>

 

7.Forms:

<form action="/submit" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username" required>
    <label for="password">Password:</label>
    <input type="password" id="password" name="password" required>
    <input type="submit" value="Submit">
</form>

 

8.Divisions (Divs):

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

9.Comments:

<!-- This is a comment -->

Additional Tips:


Attributes:

HTML elements often have attributes. For example, the href attribute in an anchor (<a>) tag specifies the hyperlink's destination.      
 

Semantic Elements:

Use semantic elements like <header>, <footer>, <article>, <section>, and <nav> to add meaning to your HTML structure.      
 

Validation:

Ensure your HTML is valid by using the W3C Markup Validation Service: W3C HTML Validator      
 

This is a basic overview of HTML. As you dive deeper into web development, you'll explore more advanced HTML features and often combine HTML with CSS and JavaScript for creating dynamic and visually appealing websites.