Learn html
HTML Coding Notes

Learn HTML Coding

1. Introduction to HTML

HTML (HyperText Markup Language) is the standard language for creating web pages.

2. Basic Structure of an HTML Document

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>My Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

3. HTML Elements

<p>This is a paragraph.</p>
<h1>Heading 1</h1>
<a href="https://example.com">Click Here</a>

4. HTML Attributes

<a href="https://example.com" target="_blank">Visit Example</a>
<img src="image.jpg" alt="Description">

5. Lists

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
    
<a href="https://example.com">Go to Example</a>

7. Images

<img src="image.jpg" alt="A beautiful image">

8. Tables

<table border="1">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Alice</td>
    <td>25</td>
  </tr>
</table>

9. Forms

<form action="/submit" method="POST">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <input type="submit" value="Submit">
</form>

10. Semantic HTML

<header><h1>Welcome</h1></header>
<nav><a href="#">Home</a></nav>
<section><p>Content here</p></section>

11. Media Elements

<video controls>
  <source src="video.mp4" type="video/mp4">
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

12. Conclusion

HTML is the foundation of web development. Learning HTML enables you to build structured web pages.