-
Notifications
You must be signed in to change notification settings - Fork 9
/
Usage img and Anchor tags.html
24 lines (22 loc) · 1.19 KB
/
Usage img and Anchor tags.html
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>