Another very important element in the age of five is the image element, the images inserted inside
files get represented by the IMG tag, accompanied by the SIRC attribute, to be able to insert an image
in our HDMI document.
Please go to the resources of our video and download the AMG one dog, PMG five, placing it within
the star folder containing also the index dog H.
PMA document we have created so far so that it gets displayed in here above or beneath the document
itself.
To insert the image, you just have to delete the content relative to lists and by inserting I n g space
and then not closing the tag as our see that in fact represents the position of the image to insert
equals open affixes.
And as you see, the system in Visual Studio Code automatically asks us if we want to insert I am G
one dot Panji.
So let's click, let's insert the slash and let's close our tag.
In so doing, we have selected the image one dot, p and G image.
Insert it inside the body.
Therefore let's save and refresh our browser.
And as you see, instead of the previous content, a new image gets inserted and then we can save it
in our folder.
In addition to the simple image that we have right now on display, we can add more attributes to it,
which can give it a title appearing by hovering on it, or substitute or else adjust the possible MISTA
due to the lack of image or the wrong insertion of the name within s r c.
In addition to assist in some other attributes and if needed, to height and width of it.
If we wanted, for example, to insert the title, we just need to add the title attribute and give
a name which automatically, once saved and refreshed by Hova in the mouse, will immediately appear.
Same story when an image gets inserted with the wrong name.
When refreshing is to see the name inserted in the title, we appear substituting the wrong image.
With our control or command said, let's go back to the correct image and let's add more attributes,
for example, instead of the title attribute, we can insert the old attribute, which has the same
role with the difference that in one display a title.
But it will simply be the result when the image inserted is wrong.
Therefore, by saving and refreshing, they see that by Helvering no name will appear.
But if I had to delete, for example, the G of the image extension, saving and refreshing anyway,
the name inserted above will appear in substitution of the image wrongly inserted.
Getting over this type of image attribute refresh.
We can insert the width attribute and the height attribute.
Noun for the adjectives, white and high.
These attributes get inserted simply with this syntax, expressions above mentioned and in within them.
We can insert a value in Bitzer, therefore, if we decided, for example, to have a two hundred pixel
wide and a hundred pixel high image, we would just need to insert two hundred in width and a hundred
in height at this point by saving and refresh.
And again, we see that the image has taken up a new dimension which will stay as such in any document
containing the complete tag.
Obviously when we use the stylesheet, we will see how image editing can be, both according to the
type of page which are age HTML document is supposed to represent and according to simple inserted instructions
that replace height and weight in within the stylesheets.
Therefore, now, after getting an overview on images, you can step onto the hyperlinks, which are
essential for any age five.