HTML-Programming/Images.html at main · MalongSuper/HTML-Programming · 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">
    <title>Images</title>
</head>
<body>
    <h1>Hello World Again</h1>
    <h2>This is a tutorial on Images in webpage</h2>
    <div style="text-align: center"> <img src="/sample/hiddenleafvillage.jpg" alt="hidden leaf village"
            style="width:600px;height:300px"></div>
    <div style="text-align: center"><img src="/sample/hiddenleafvillage.jpg" alt="hidden leaf village"
            style="width:800px;height:400px"></div>
    <div style="text-align: center"><img src="/sample/narutoleafvillage.gif"
                                         alt="naruto returns to the leaf village"
         style="width:600px;height:300px"></div>
    <div style="text-align: right"><img src="https://cdn-icons-png.flaticon.com/512/5077/5077571.png"
                                        alt="Leaf" style="width:100px;height:100px"></div>
    <div style="text-align: left"><p>Click on this amazing leaf visit its source:</p></div>
    <div style="text-align: center"><a href="https://www.flaticon.com/free-icon/leaf_5077571">
        <img src="https://cdn-icons-png.flaticon.com/512/5077/5077571.png"
             alt="Leaf" style="width:100px;height:100px"></a></div>
</body>
</html>