HaSwa Digital — FULL HTML COURSE

Learn HTML from Zero to Pro — Complete 10 Lessons

Lesson 1: Introduction to HTML

HTML is the language used to create web pages. Basic structure:


<!DOCTYPE html>
<html>
<head>
    <title>My First Page</title>
</head>
<body>
    <h1>Hello World!</h1>
</body>
</html>

Lesson 2: Headings & Paragraphs


<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>

Lesson 3: Images & Links


<img src="logo.png" width="300" alt="Logo">

<a href="https://haswa.digital">Visit HaSwa</a>

<a href="page.html" target="_blank">Open in New Tab</a>

Lesson 4: Div, Containers & Layouts


<div style="background:#111; padding:20px; border-radius:10px;">
    <h2>Container</h2>
    <p>This is inside a box.</p>
</div>

Lesson 5: Lists (ul, ol), Navigation


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

<ol>
  <li>Step 1</li>
  <li>Step 2</li>
</ol>

<nav>
  <a href="index.html">Home</a> |
  <a href="courses.html">Courses</a>
</nav>

Lesson 6: Tables


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

Lesson 7: Forms


<form>
  <label>Name:</label>
  <input type="text">

  <label>Email:</label>
  <input type="email">

  <button>Submit</button>
</form>

Lesson 8: Semantic HTML


<header>Website Header</header>
<nav>Navigation Links</nav>
<main>Main Content</main>
<footer>Footer Text</footer>

Lesson 9: Audio & Video


<audio controls>
  <source src="song.mp3">
</audio>

<video width="400" controls>
  <source src="video.mp4">
</video>

Lesson 10: Full Mini Website Example


<header>
  <h1>My Website</h1>
</header>

<nav>
  <a href="#">Home</a>
  <a href="#">About</a>
</nav>

<main>
  <h2>Welcome</h2>
  <p>This is my website.</p>
</main>

<footer>
  <p>Copyright © HaSwa Digital</p>
</footer>

GO TO FINAL REVISION →