-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path11.images.html
38 lines (28 loc) · 1.34 KB
/
11.images.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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!-- In HTML, images are defined with the <img> tag.
The <img> tag is empty, it contains attributes only, and does not have a closing tag.
The src attribute specifies the URL (web address) of the image:
<img src="url"> z -->
<!DOCTYPE html>
<html>
<body>
<p>The alt attribute should reflect the image content, so users who cannot see the image gets an understanding of what the image contains:</p>
<img src="china.jpg" alt="Flowers in Chania" width="460" height="345">
<!-- Note: The alt attribute is required. A web page will not validate correctly without it. -->
<!-- <p>Style attribute will also give me the same result to set width and height of an image</p>
<img src="china.jpg" alt="Flowers in Chania" style="width:460px;height:345px;"> -->
<!-- Image as a link -->
<p>
<a href="1.intro.html">
<img src="my_image.gif" alt="HTML Intro page link" style="width:120;height:120;border:0;">
</a>
</p>
<p>
<img src="my_image.gif" alt="Flowers in Chania" style="float:left;width:42px;height:42px">
Paragraph with a floating image can be started which i may need in image rekognition app
</p>
</body>
<!-- <body style="background-image:url('car.jpg')">
<h2>Background Image</h2>
<p>By default the background image will repeat itself if it is smaller than the element where it is specified, in this case the BODY element.</p>
</body> -->
</html>