1
00:00:01,030 --> 00:00:03,960
One welcome in this video.

2
00:00:04,020 --> 00:00:13,680
I will explain what attributes are and will also show you an example of an hastier male attribute being

3
00:00:13,680 --> 00:00:14,890
used.

4
00:00:14,970 --> 00:00:20,090
What are hastier male attributes attributes.

5
00:00:20,100 --> 00:00:32,490
Basically are used to provide additional information about an element so they contain extra information

6
00:00:32,970 --> 00:00:46,080
about the element that you do not want to appear in be outroar content on hastier male elements can

7
00:00:46,680 --> 00:00:50,140
have attributes.

8
00:00:50,190 --> 00:01:05,940
There are some properties that all attributes should have they should have a space between it and that

9
00:01:06,000 --> 00:01:06,760
element.

10
00:01:06,870 --> 00:01:17,760
Name the equals to sign is used to assign a value to a attribute.

11
00:01:18,330 --> 00:01:32,700
The value of the attributes are enclosed in all its attributes are always specified in the name element

12
00:01:32,850 --> 00:01:37,530
tack attributes are paid.

13
00:01:37,770 --> 00:01:44,440
That means they all have a name and they will also have a value.

14
00:01:45,060 --> 00:01:52,800
I have used an attribute in one of the previous fadil in this course.

15
00:01:52,950 --> 00:01:55,690
I use a source attribute.

16
00:01:55,710 --> 00:01:59,480
I am going to go over that attribute again.

17
00:01:59,940 --> 00:02:07,500
There are different types of attributes and the source attribute is one of such attributes.

18
00:02:07,710 --> 00:02:19,170
It's usually used inside an image tag so when you are using the his male image tag to define an image

19
00:02:19,620 --> 00:02:28,680
you use this source attribute which I have used here on line 11 of my could read it all you can see

20
00:02:28,680 --> 00:02:37,510
the source attribute and is spelled s r of C so this is the name of the attribute.

21
00:02:37,600 --> 00:02:45,340
I can see that you're still saying here the course too is used to give the attribute value.

22
00:02:45,840 --> 00:02:51,090
And you have to close the value in quotes.

23
00:02:51,090 --> 00:02:55,680
You can see here again close value of this attribute which is called Source.

24
00:02:55,710 --> 00:03:04,320
I've enclosed it in quotes the source attribute one with an image tag basically is used to reference

25
00:03:05,250 --> 00:03:08,840
file name where the image is located.

26
00:03:08,850 --> 00:03:16,060
In my example my image is located inside my images folder which is this image.

27
00:03:16,350 --> 00:03:24,350
And inside this is the name of the inmate I am referencing the location of the image.

28
00:03:24,540 --> 00:03:27,620
He is then the source attribute.

29
00:03:28,200 --> 00:03:37,390
I also want to introduce you to another attribute that we've also used before.

30
00:03:37,530 --> 00:03:46,580
The attribute is called the Oort attribute also referred to as alternative attribute.

31
00:03:46,650 --> 00:03:57,510
This out should be physically is used to specify an alternative text to be used when an image can not

32
00:03:57,570 --> 00:03:58,790
be displayed.

33
00:03:59,010 --> 00:04:07,710
In my code edit or here in siby image tag have also caught this all attribute here.

34
00:04:07,920 --> 00:04:11,970
So are you for any reason this image can not be displayed.

35
00:04:11,990 --> 00:04:16,830
The alternative text I have specified here would be display instead.

36
00:04:16,830 --> 00:04:22,240
So for example I know that the name of this image is called Poppy.

37
00:04:22,250 --> 00:04:23,860
That g peg.

38
00:04:23,880 --> 00:04:32,380
If I come here and just add a one to it you can see the image no longer shows.

39
00:04:32,970 --> 00:04:39,600
Is now showing in the alternative text instead which says Poppi image.

40
00:04:39,840 --> 00:04:51,710
So that's one of the ways or benefits of using the ought attribute with an image tac.

41
00:04:52,170 --> 00:04:53,790
So I've corrected that now.

42
00:04:53,790 --> 00:04:59,570
You can see the image is now showing correctly unsober valuable.

43
00:04:59,610 --> 00:05:10,770
Reason for using the attribute the old attribute is that the value of the attribute can be read by screening

44
00:05:10,860 --> 00:05:11,970
readers.

45
00:05:11,970 --> 00:05:20,940
This way someone listening to the web page for example a blind person can hear helmont.

46
00:05:21,480 --> 00:05:33,180
So the descriptive text helps users who have visual impairment and cannot really see the image so they're

47
00:05:33,180 --> 00:05:37,700
able to interpret or read the text instead.

48
00:05:37,750 --> 00:05:46,410
And they're able to do that using a special software called screen readers which enable them to read

49
00:05:46,620 --> 00:05:51,720
the text that is on the screen for the visually impaired.

50
00:05:51,720 --> 00:05:57,080
So that's it for a brief introduction to Haitian here male attributes.

51
00:05:57,200 --> 00:06:01,430
I want to introduce you to a couple of attributes in this video.

52
00:06:01,440 --> 00:06:05,730
But there are tons of hastier male attributes out there.

53
00:06:05,970 --> 00:06:07,410
Thank you for watching.

54
00:06:07,410 --> 00:06:08,380
Bye for now.