One welcome in this video.
I will explain what attributes are and will also show you an example of an hastier male attribute being
used.
What are hastier male attributes attributes.
Basically are used to provide additional information about an element so they contain extra information
about the element that you do not want to appear in be outroar content on hastier male elements can
have attributes.
There are some properties that all attributes should have they should have a space between it and that
element.
Name the equals to sign is used to assign a value to a attribute.
The value of the attributes are enclosed in all its attributes are always specified in the name element
tack attributes are paid.
That means they all have a name and they will also have a value.
I have used an attribute in one of the previous fadil in this course.
I use a source attribute.
I am going to go over that attribute again.
There are different types of attributes and the source attribute is one of such attributes.
It's usually used inside an image tag so when you are using the his male image tag to define an image
you use this source attribute which I have used here on line 11 of my could read it all you can see
the source attribute and is spelled s r of C so this is the name of the attribute.
I can see that you're still saying here the course too is used to give the attribute value.
And you have to close the value in quotes.
You can see here again close value of this attribute which is called Source.
I've enclosed it in quotes the source attribute one with an image tag basically is used to reference
file name where the image is located.
In my example my image is located inside my images folder which is this image.
And inside this is the name of the inmate I am referencing the location of the image.
He is then the source attribute.
I also want to introduce you to another attribute that we've also used before.
The attribute is called the Oort attribute also referred to as alternative attribute.
This out should be physically is used to specify an alternative text to be used when an image can not
be displayed.
In my code edit or here in siby image tag have also caught this all attribute here.
So are you for any reason this image can not be displayed.
The alternative text I have specified here would be display instead.
So for example I know that the name of this image is called Poppy.
That g peg.
If I come here and just add a one to it you can see the image no longer shows.
Is now showing in the alternative text instead which says Poppi image.
So that's one of the ways or benefits of using the ought attribute with an image tac.
So I've corrected that now.
You can see the image is now showing correctly unsober valuable.
Reason for using the attribute the old attribute is that the value of the attribute can be read by screening
readers.
This way someone listening to the web page for example a blind person can hear helmont.
So the descriptive text helps users who have visual impairment and cannot really see the image so they're
able to interpret or read the text instead.
And they're able to do that using a special software called screen readers which enable them to read
the text that is on the screen for the visually impaired.
So that's it for a brief introduction to Haitian here male attributes.
I want to introduce you to a couple of attributes in this video.
But there are tons of hastier male attributes out there.
Thank you for watching.
Bye for now.