1
00:00:05,120 --> 00:00:15,290
Another very important element in the age of five is the image element, the images inserted inside

2
00:00:15,290 --> 00:00:27,170
files get represented by the IMG tag, accompanied by the SIRC attribute, to be able to insert an image

3
00:00:27,170 --> 00:00:29,180
in our HDMI document.

4
00:00:29,450 --> 00:00:39,590
Please go to the resources of our video and download the AMG one dog, PMG five, placing it within

5
00:00:39,590 --> 00:00:43,640
the star folder containing also the index dog H.

6
00:00:43,820 --> 00:00:52,640
PMA document we have created so far so that it gets displayed in here above or beneath the document

7
00:00:52,640 --> 00:00:53,330
itself.

8
00:00:54,050 --> 00:01:04,670
To insert the image, you just have to delete the content relative to lists and by inserting I n g space

9
00:01:04,940 --> 00:01:13,340
and then not closing the tag as our see that in fact represents the position of the image to insert

10
00:01:13,370 --> 00:01:15,670
equals open affixes.

11
00:01:15,680 --> 00:01:24,260
And as you see, the system in Visual Studio Code automatically asks us if we want to insert I am G

12
00:01:24,260 --> 00:01:25,970
one dot Panji.

13
00:01:26,060 --> 00:01:30,710
So let's click, let's insert the slash and let's close our tag.

14
00:01:31,070 --> 00:01:36,950
In so doing, we have selected the image one dot, p and G image.

15
00:01:36,950 --> 00:01:38,990
Insert it inside the body.

16
00:01:39,170 --> 00:01:43,360
Therefore let's save and refresh our browser.

17
00:01:43,490 --> 00:01:51,440
And as you see, instead of the previous content, a new image gets inserted and then we can save it

18
00:01:51,440 --> 00:01:52,550
in our folder.

19
00:01:52,910 --> 00:02:00,200
In addition to the simple image that we have right now on display, we can add more attributes to it,

20
00:02:00,350 --> 00:02:09,380
which can give it a title appearing by hovering on it, or substitute or else adjust the possible MISTA

21
00:02:09,390 --> 00:02:16,490
due to the lack of image or the wrong insertion of the name within s r c.

22
00:02:17,060 --> 00:02:25,370
In addition to assist in some other attributes and if needed, to height and width of it.

23
00:02:26,120 --> 00:02:33,920
If we wanted, for example, to insert the title, we just need to add the title attribute and give

24
00:02:33,920 --> 00:02:41,570
a name which automatically, once saved and refreshed by Hova in the mouse, will immediately appear.

25
00:02:45,030 --> 00:02:51,060
Same story when an image gets inserted with the wrong name.

26
00:02:52,390 --> 00:03:00,310
When refreshing is to see the name inserted in the title, we appear substituting the wrong image.

27
00:03:02,170 --> 00:03:10,600
With our control or command said, let's go back to the correct image and let's add more attributes,

28
00:03:10,600 --> 00:03:16,390
for example, instead of the title attribute, we can insert the old attribute, which has the same

29
00:03:16,390 --> 00:03:19,830
role with the difference that in one display a title.

30
00:03:20,680 --> 00:03:25,080
But it will simply be the result when the image inserted is wrong.

31
00:03:25,780 --> 00:03:32,280
Therefore, by saving and refreshing, they see that by Helvering no name will appear.

32
00:03:32,590 --> 00:03:41,530
But if I had to delete, for example, the G of the image extension, saving and refreshing anyway,

33
00:03:41,800 --> 00:03:48,160
the name inserted above will appear in substitution of the image wrongly inserted.

34
00:03:49,000 --> 00:03:53,290
Getting over this type of image attribute refresh.

35
00:03:53,300 --> 00:03:58,660
We can insert the width attribute and the height attribute.

36
00:03:59,690 --> 00:04:04,250
Noun for the adjectives, white and high.

37
00:04:05,490 --> 00:04:16,050
These attributes get inserted simply with this syntax, expressions above mentioned and in within them.

38
00:04:19,820 --> 00:04:28,910
We can insert a value in Bitzer, therefore, if we decided, for example, to have a two hundred pixel

39
00:04:28,910 --> 00:04:38,150
wide and a hundred pixel high image, we would just need to insert two hundred in width and a hundred

40
00:04:38,150 --> 00:04:42,470
in height at this point by saving and refresh.

41
00:04:42,530 --> 00:04:51,830
And again, we see that the image has taken up a new dimension which will stay as such in any document

42
00:04:51,830 --> 00:04:54,050
containing the complete tag.

43
00:04:54,230 --> 00:05:03,410
Obviously when we use the stylesheet, we will see how image editing can be, both according to the

44
00:05:03,410 --> 00:05:12,770
type of page which are age HTML document is supposed to represent and according to simple inserted instructions

45
00:05:13,160 --> 00:05:18,790
that replace height and weight in within the stylesheets.

46
00:05:19,640 --> 00:05:26,540
Therefore, now, after getting an overview on images, you can step onto the hyperlinks, which are

47
00:05:26,540 --> 00:05:29,120
essential for any age five.