Master-HTML-CSS/Usage img and Anchor tags.html at main · MuhammadAdilMemon/Master-HTML-CSS · 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
<!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>Links and images</title>
</head>
<body>
    <!--To add link we use <a> with attributes href and use to target to open in
        another tab -->
    <a href="https://www.google.com/"target="_blank"> Go to the google</a><br>
    <a href="https://www.twitter.com/"target="_blank"> Go to the twiiter</a><br>
    <a href="https://www.facebook.com/"target="_blank"> Go to the facebook</a><br>
    <a href="Heading and Paragraphs in HTML.html"target="_blank">Go to the Heading and
        Paragraphs topic </a><br>
     <!-- Image is not present Hence alt is shown-->

     <img src="D:\pictures\1.jpg" alt="remote image" width="150"><br>
     <!--If you want to manipulate the dimensions of the images, you can use the “height" and “width" attribute of img tag. Though it is not recommended to manipulate the dimension using these attributes, we will use CSS to alter the design accordingly-->
     <img src="https://source.unsplash.com/400x310/?nature,water" alt="remote image">

</body>
</html>