CSIT_Labs/5th_Semester/Web_Technology/Lab1 (HTML)/13_anchor.html at main · sthsuyash/CSIT_Labs · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Q.13 Destination Anchors</title>
  </head>
  <body>
    <h1>Destination Anchors Example</h1>
    <nav>
      <ul>
        <li><a href="#section1">Section 1</a></li>
        <li><a href="#section2">Section 2</a></li>
        <li><a href="#section3">Section 3</a></li>
      </ul>
    </nav>

    <section id="section1">
      <h2>Section 1</h2>
      <p>This is the content of Section 1.</p>
      <a name="section1"></a>
      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </section>

    <section id="section2">
      <h2>Section 2</h2>
      <p>This is the content of Section 2.</p>
      <a name="section2"></a>
      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </section>

    <section id="section3">
      <h2>Section 3</h2>
      <p>This is the content of Section 3.</p>
      <a name="section3"></a>
      <!-- Destination anchor for older browsers -->
    </section>
  </body>
</html>