HTML-Tutorial/12_HTML_Linls.html at main · prof-abdelrahman/HTML-Tutorial · 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
<!DOCTYPE html>
<html lang="en-Us">
    <body>
        <h1>Hello</h1>
        <a href="https://google.com"> Press the link</a><br>
        <a href="https://www.w3schools.com/" target="_blank">Visit W3Schools _blank!</a><br>
        <a href="https://google.com" target="_parent">CLick me for parent</a><br>
        <a href="https://google.com" target="_self">CLick me for self</a><br>
        <a href="https://google.com" target="_top">CLick me for top</a><br>

        <h2>Absolute URLs</h2>
        <p><a href="https://www.w3.org/">W3C</a></p>
        <p><a href="https://www.google.com/">Google</a></p>

        <h2>Relative URLs</h2> <!--If exists in the same website-->
        <p><a href="html_images.asp">HTML Images</a></p>
        <p><a href="/css/default.asp">CSS Tutorial</a></p>

        <h1>Image as a link</h1>
        <a href="https://google.com"><img src="/images/img_the_scream.jpg" alt="HTML Link Tutorial"></a>

        <h2>Link to an Email Address</h2>
        <p>To create a link that opens in the user's email program (to let them send a new email), use mailto: inside the href attribute:</p>
        <p><a href="mailto:someone@example.com">Send email</a></p>

        <h2>Button as a Link</h2>
        <p>Click the button to go to the HTML tutorial.</p>
        <button onclick="document.location='https://google.com'">HTML Button Link</button>

        <h2>Link Titles:</h2>
        <a href="https://google.com" title="Go to google.com">Html Title Link</a>

        <h1>Chapter Summary:</h1>
        <img src="/images/HTML Links.jpeg" alt="HTML Links Summary">
    </body>
</html>