HTML5/hyperlinks.html at master · khalid827/HTML5 · 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
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hyperlinks</title>
</head>
<body>
    <h1 id="top">Hyper Links</h1>
    <div align="right"><a href="#bottom"> Go to Bottom</a></div>
    <ul>
        <a href="#ext"><li>External Hyper Links</li></a>
        <a href="#in"> <li>Internal Hyper Links</li></a>
    </ul>

<p>Hyperlinks are one of the most exciting innovations the
    Web has to offer. They've been a feature of the Web
    since the beginning, and are what makes the Web a web.
     Hyperlinks allow us to link documents to other
     documents or resources, link to specific parts of
     documents, or make apps available at a web address.
     Almost any web content can be converted to a link so
     that when clicked or otherwise activated the web browser
     goes to another web address (URL).</p>

     <img src="html_logo.png">


<h2 id="ext">External Hyperlinks</h2>
<p>
External Links are hyperlinks that point at (target) any
domain other than the domain the link exists on (source).
In layman's terms, if another website links to you, this is
considered an external link to your site. Similarly,
if you link out to another website,
this is also considered an external link.</p>
<br><br>
<a href="http://www.ndtv.com">Visit NDTV.com</a>
<br><br>
<a href="first.html">HTML Basics</a>
<h2 id="in">Internal Hyperlinks</h2>
<p>HTML internal link is linked within the same web page.
    This link can be an absolute path or relative path.
    HTML internal link name is followed by the hash sign(#).
    You have to assign an id to refer section of your page,
    which is referred to as an internal link to the same page.
    When you click on an internal anchor link, you will scroll
     automatically to the referred section and display it on
     your browser.</p>
<p id="bottom">Thank You</p>
<p align="right"><a href="#top">Back Top</a></p>
</body>
</html>