HTML-ASSIGNMENT/index.html at main · NoorFatima-code/HTML-ASSIGNMENT · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Sample Web Page</title>
</head>
<body>

  <!-- Semantic Tag 1 -->
  <header>
    <h1>Welcome to My Web Page</h1>
  </header>

  <!-- Semantic Tag 2 -->
  <main>
    <p>This is a sample web page created for the peer-graded HTML assignment.</p>

    <!-- List with 3 items -->
    <section>
      <h2>My Hobbies</h2>
      <ul>
        <li>Reading</li>
        <li>Photography</li>
        <li>Coding</li>
      </ul>
    </section>

    <!-- 3 Images -->
    <section>
      <h2>My Gallery</h2>
      <img src="https://tse2.mm.bing.net/th/id/OIP.C_rFddFrdQiaaH_yHsdN5wHaE8?rs=1&pid=ImgDetMain&o=7&rm=3" alt="Sample Image 1" height="100">
      <img src="https://tse1.explicit.bing.net/th/id/OIP.bfrEuwAVQtIA7BgDZeUMRwHaNK?rs=1&pid=ImgDetMain&o=7&rm=3" alt="Sample Image 2" height="100">
      <img src="https://th.bing.com/th?id=OIF.d2a%2fTmwdyjkXMThT5m%2fr1g&o=7rm=3&rs=1&pid=ImgDetMain&o=7&rm=3" alt="Sample Image 3" height="100">
    </section>

    <!-- External Link -->
    <p>Learn more on
      <a href="https://www.wikipedia.org" target="_blank">Wikipedia</a>.
    </p>
  </main>

  <!-- Semantic Tag 3 -->
  <footer>
    <p>© 2025 My Web Page</p>
  </footer>

</body>
</html>