1
00:00:01,219 --> 00:00:08,599
Nosotros ya sabemos lo que es un atributo en XML, con lo cual hay poco que contar, muy poco que contar, excepto los que son típicos.

2
00:00:08,599 --> 00:00:27,339
Y hay dos básicamente muy típicos. El atributo id, que es un identificador único de un elemento dentro de la página HTML, el atributo style, que permite cambiar la visualización de algo,

3
00:00:27,339 --> 00:00:30,260
Y que ya les digo que lo desaconsejamos completamente

4
00:00:30,260 --> 00:00:32,280
El atributo title

5
00:00:32,280 --> 00:00:33,979
Que también hemos visto funcionar

6
00:00:33,979 --> 00:00:35,799
Y que lo que permite es

7
00:00:35,799 --> 00:00:38,020
Cuando nos posicionamos encima

8
00:00:38,020 --> 00:00:39,359
De un elemento

9
00:00:39,359 --> 00:00:41,020
Que nos cuente su información

10
00:00:41,020 --> 00:00:44,060
Que nos cuente la información que tiene

11
00:00:44,060 --> 00:00:47,679
Este último no estoy probándolo

12
00:00:47,679 --> 00:00:49,259
Porque es aquí, donde esto

13
00:00:49,259 --> 00:00:50,619
Donde está apareciendo

14
00:00:50,619 --> 00:00:54,320
Eventos intrínsecos

15
00:00:54,320 --> 00:00:56,340
Que va a servir para programar un poquito

16
00:00:56,340 --> 00:00:57,140
En Javascript

17
00:00:57,140 --> 00:01:03,439
que indican por ejemplo cuando se carga un documento o cuando ya se abandona el documento

18
00:01:03,439 --> 00:01:12,079
o cuando estamos en un formulario y estamos dentro de un campo de texto o pulsando un botón

19
00:01:12,079 --> 00:01:18,780
elementos de imagen cuando por alguna razón se aborta la carga de la imagen

20
00:01:18,780 --> 00:01:25,420
de teclado cuando estamos pulsando, diversos momentos de pulsar el teclado o el ratón

21
00:01:25,420 --> 00:01:30,900
y entonces podemos ver por ejemplo que aquí dice este párrafo

22
00:01:30,900 --> 00:01:38,980
cuando hagamos clic sobre él va a cambiar este propio elemento su estilo de color

23
00:01:38,980 --> 00:01:40,519
y lo va a poner en rojo

24
00:01:40,519 --> 00:01:44,519
entonces vamos a pinchar aquí y efectivamente es lo que hace

25
00:01:44,519 --> 00:01:50,060
o cuando hagamos doble clic este párrafo le va a ocurrir exactamente lo mismo

26
00:01:50,060 --> 00:01:54,319
voy a hacer doble clic y efectivamente ha hecho lo mismo

27
00:01:54,319 --> 00:02:02,859
O este que es más gracioso, cuando tengamos el ratón, hagamos el atributo por encima del ratón, esto va a cambiar

28
00:02:02,859 --> 00:02:12,759
Entonces, he pulsado el ratón y al levantar, y aquí es cuando aprieto, cuando se funciona

29
00:02:12,759 --> 00:02:17,960
O aquí al moverlo, cuando paso por encima, se mueve y se cambia, ¿de acuerdo?

30
00:02:17,960 --> 00:02:21,120
Y este al pasar por encima, directamente

31
00:02:21,120 --> 00:02:23,240
o este, cuando me salgo

32
00:02:23,240 --> 00:02:25,180
de este por arriba, y ahora me salgo de él

33
00:02:25,180 --> 00:02:26,199
y es cuando ya

34
00:02:26,199 --> 00:02:28,400
hace algo, ¿de acuerdo?

35
00:02:28,800 --> 00:02:30,780
con lo cual, estos son atributos típicos

36
00:02:30,780 --> 00:02:33,460
aquí me falta uno, que para mí es muy importante

37
00:02:33,460 --> 00:02:35,139
muy importante, que es el

38
00:02:35,139 --> 00:02:37,259
atributo class, no me falta

39
00:02:37,259 --> 00:02:39,080
está aquí, y el atributo class

40
00:02:39,080 --> 00:02:41,000
es el que me va a definir

41
00:02:41,000 --> 00:02:43,139
me va a permitir definir clases

42
00:02:43,139 --> 00:02:44,460
de elementos, ¿de acuerdo?

43
00:02:44,819 --> 00:02:47,219
y eso es lo que va a hacer muy importante

44
00:02:47,219 --> 00:02:49,000
las hojas de estilo, las hojas de estilo

45
00:02:49,000 --> 00:02:52,740
van a tener posibilidad de modificar etiquetas directamente

46
00:02:52,740 --> 00:02:55,860
de elementos que tengan un identificador

47
00:02:55,860 --> 00:02:59,400
y elementos que pertenezcan a una clase

48
00:02:59,400 --> 00:03:03,259
con lo cual es otro atributo que va a ser muy muy importante