1
00:00:00,420 --> 00:00:07,170
Este video se enfoca en los atributos de Atributos HTML de manera que agreguemos información adicional a

2
00:00:07,170 --> 00:00:08,500
nuestros elementos envejecidos.

3
00:00:08,670 --> 00:00:13,590
Entonces toman la forma de un par de valores clave. Vas a escuchar mucho esa frase.

4
00:00:13,590 --> 00:00:17,990
Básicamente significa una propiedad y luego un valor correspondiente.

5
00:00:18,330 --> 00:00:26,180
Así que eso podría ser algo así como la fuente es igual a Corgies up Clase PMG igual al tipo seleccionado igual a texto menos el SS Así que

6
00:00:26,190 --> 00:00:28,030
no te preocupes por lo que hacen.

7
00:00:28,050 --> 00:00:29,300
Vamos a verlos a todos a tiempo.

8
00:00:29,460 --> 00:00:37,680
red de desarrollador tiene una referencia de atributo completa al igual que lo hizo para los elementos, pero para todos los atributos que lo superaron.

9
00:00:37,680 --> 00:00:43,130
Pero es este formato de una palabra igual a algo en el mensaje de texto una

10
00:00:43,500 --> 00:00:47,820
Entonces, lo primero que notará a medida que avance es que hay muchos atributos diferentes.

11
00:00:48,360 --> 00:00:51,880
Y al igual que con los elementos, no tienes que saber todo esto.

12
00:00:51,900 --> 00:00:58,560
De hecho, la mayoría de los desarrolladores no usarán el 80 por ciento de estos, por lo que realmente hay un subconjunto de cinco 10 o

13
00:00:58,560 --> 00:01:01,130
quizás 15 atributos que los desarrolladores usan con bastante frecuencia.

14
00:01:01,470 --> 00:01:05,480
También es importante tener en cuenta que no todos los atributos funcionan en cada elemento individual.

15
00:01:05,490 --> 00:01:09,750
De hecho, la mayoría de los atributos solo funcionan de dos a cinco elementos diferentes.

16
00:01:09,750 --> 00:01:11,440
Algunos de ellos solo funcionan en uno.

17
00:01:11,580 --> 00:01:16,520
Entonces, esta segunda columna aquí denota los elementos para los cuales funciona un atributo dado.

18
00:01:16,590 --> 00:01:20,980
Entonces algo así como el código que es un atributo que nunca he tenido que usar nunca.

19
00:01:21,120 --> 00:01:26,130
Pero podemos decir desde aquí que especifica que estás fuera de una manzana, que está clasificado para ser cargado

20
00:01:26,130 --> 00:01:27,580
y ejecutado de manera excelente.

21
00:01:27,600 --> 00:01:33,250
Lo que sea que eso signifique y solo funciona en un elemento de applet que nunca antes tuve que usar.

22
00:01:33,450 --> 00:01:38,680
Pero si tomamos algo más común como fuente que buscaré, puede ver que el atributo RC funciona

23
00:01:38,790 --> 00:01:45,300
en bastantes elementos diferentes audio incruste el video de la secuencia fuente de la secuencia de comandos de entrada de imagen

24
00:01:45,450 --> 00:01:49,360
I-frame y de hecho usaremos la fuente atributo más adelante en este video.

25
00:01:49,380 --> 00:01:53,790
Entonces, la clave es que hay muchos atributos, así como hay muchos elementos, pero

26
00:01:53,790 --> 00:01:59,220
solo hay unos pocos importantes y voy a comenzar destacando dos de los que son espadas y

27
00:01:59,640 --> 00:02:05,220
HPF, y esos dos atributos son realmente importantes para las imágenes. y anclar etiquetas o enlaces, respectivamente.

28
00:02:05,490 --> 00:02:09,880
Regresemos a las diapositivas para que las imágenes sean realmente divertidas.

29
00:02:09,900 --> 00:02:12,010
Una parte importante de hacer un sitio web.

30
00:02:12,130 --> 00:02:14,490
En realidad, hay etiquetas muy cortas para escribir.

31
00:02:14,670 --> 00:02:20,760
Y notará que se ven ligeramente diferentes de lo que ha visto antes, donde no hay etiquetas de

32
00:02:20,760 --> 00:02:21,630
apertura y cierre.

33
00:02:21,640 --> 00:02:25,570
No hay contenido interno, no hay HMO interno o texto interno.

34
00:02:25,680 --> 00:02:32,650
Más bien, solo tenemos esta etiqueta de imagen que se abre y se cierra y luego un único atributo.

35
00:02:33,450 --> 00:02:34,910
Entonces te mostraré cómo hacer esto.

36
00:02:34,920 --> 00:02:39,090
Comencemos, por supuesto, buscando una imagen.

37
00:02:40,180 --> 00:02:42,870
Me encantan las mezclas de corgi en particular.

38
00:02:42,870 --> 00:02:44,580
Me encantan las mezclas de corgi husky.

39
00:02:44,580 --> 00:02:45,770
Aquí vamos.

40
00:02:46,320 --> 00:02:47,850
Tomemos esta imagen.

41
00:02:48,270 --> 00:02:49,610
Adorable perro

42
00:02:49,950 --> 00:02:53,340
Y vayamos a un documento antiguo.

43
00:02:53,340 --> 00:02:55,550
De nuevo, voy a volver a lo que hemos estado trabajando.

44
00:02:55,560 --> 00:03:00,060
Pero claramente este no es un sitio duradero que vamos a construir realmente.

45
00:03:00,060 --> 00:03:02,640
Esto es como un scratchpad para HMO.

46
00:03:03,570 --> 00:03:07,500
Así que vayamos a cualquier parte de la página y volvamos a escribir la palabra.

47
00:03:07,500 --> 00:03:08,870
Soy g.

48
00:03:09,150 --> 00:03:14,790
No necesitamos las etiquetas de cierre, así que no hacemos esto.

49
00:03:14,790 --> 00:03:16,920
Esta es una etiqueta de cierre automático.

50
00:03:17,370 --> 00:03:23,430
Y luego hay un único atributo que debemos tener que es S R C significa fuente y es el papel

51
00:03:23,730 --> 00:03:30,330
de la imagen el que estamos tratando de hacer que esta etiqueta se use para que pueda ser algo que está alojado.

52
00:03:31,140 --> 00:03:38,800
Así que esta imagen aquí, pero también podría ser una imagen que he guardado en mi máquina.

53
00:03:39,420 --> 00:03:44,160
Podría estar en el mismo directorio en el que estoy o en la

54
00:03:44,160 --> 00:03:48,410
misma carpeta, en cuyo caso solo lo mencionaría como dog it JPAC.

55
00:03:49,110 --> 00:03:52,200
Por ahora vamos a tratar con estas imágenes en línea.

56
00:03:52,220 --> 00:03:56,540
hablando sobre dónde reestructurar las cosas donde colocamos nuestras imágenes y todo eso más adelante.

57
00:03:56,540 --> 00:03:58,080
Pasaremos un poco más de tiempo

58
00:03:58,260 --> 00:03:59,300
Guarda esto.

59
00:03:59,610 --> 00:04:02,630
Vamos a abrir este archivo.

60
00:04:03,690 --> 00:04:04,710
Y ahí vamos.

61
00:04:04,710 --> 00:04:06,590
Tenemos una etiqueta de imagen.

62
00:04:07,440 --> 00:04:13,510
Entonces, otro tipo de etiqueta que usa un atributo es una etiqueta que es cómo hacemos los enlaces.

63
00:04:13,680 --> 00:04:16,560
Entonces, la etiqueta de anclaje del sensor de etiqueta es realmente importante.

64
00:04:16,560 --> 00:04:19,680
Es la forma en que creamos enlaces a otras páginas web.

65
00:04:19,740 --> 00:04:24,450
Es como en Google cuando busca algo en cada resultado, hace clic en él.

66
00:04:24,570 --> 00:04:25,490
Esa es una etiqueta de anclaje.

67
00:04:25,500 --> 00:04:31,380
Cada uno de esos enlaces o en algún sitio web cuando conoces todos los botones de redes sociales Facebook

68
00:04:31,800 --> 00:04:36,390
Instagram Twitter, todos esos botones son en realidad enlaces en los que haces clic y

69
00:04:36,390 --> 00:04:38,000
te llevan a otra página.

70
00:04:38,730 --> 00:04:40,740
Entonces el formato es el siguiente.

71
00:04:41,070 --> 00:04:45,550
Una etiqueta que abre y cierra un texto dentro.

72
00:04:45,840 --> 00:04:51,100
Y luego, cada atributo de referencia equivale a algo de tu URL.

73
00:04:51,180 --> 00:04:52,710
Así que te mostraré un ejemplo aquí.

74
00:04:52,740 --> 00:04:54,250
Vamos a hacer una etiqueta.

75
00:04:54,960 --> 00:04:59,160
Y esto solo va a ser un enlace a Google.

76
00:04:59,550 --> 00:05:07,700
Así que vamos a proporcionar que ref ref attribute sea igual a GWW dot Google dot com.

77
00:05:07,740 --> 00:05:08,910
Entonces ahí es donde va el enlace.

78
00:05:08,910 --> 00:05:16,080
Cuando hago clic en él, por supuesto, si actualizo la página en este momento, no vería nada porque

79
00:05:16,110 --> 00:05:17,710
este enlace es invisible.

80
00:05:17,730 --> 00:05:19,890
No hay texto, no hay nada sobre lo que hacer clic.

81
00:05:20,100 --> 00:05:30,710
Entonces, dentro de las etiquetas en el contenido interno que voy a decir, haga clic en "Me dice", vaya a Google.

82
00:05:31,980 --> 00:05:32,250
DE ACUERDO.

83
00:05:32,250 --> 00:05:35,190
Entonces, como pueden ver, me hace un buen enlace en el que puedo hacer clic.

84
00:05:35,190 --> 00:05:38,180
También notarás que es un elemento en línea.

85
00:05:38,190 --> 00:05:39,740
No ocupa su propio bloque.

86
00:05:39,750 --> 00:05:41,220
No toma su propia línea.

87
00:05:41,220 --> 00:05:44,460
Forzar contenido en una nueva línea debajo de él.

88
00:05:44,460 --> 00:05:48,100
Así que está en línea y esto debería llevarnos a Google cuando hago clic en él.

89
00:05:48,120 --> 00:05:50,850
Sin embargo, no funciona del todo.

90
00:05:51,090 --> 00:05:57,330
Echa un vistazo a que eres todo lo que me lleva archivar la barra diagonal.

91
00:05:57,330 --> 00:06:00,330
Este es solo el archivo en sí.

92
00:06:00,330 --> 00:06:03,180
Y luego www. Youtube. com.

93
00:06:03,180 --> 00:06:07,650
Entonces, sin entrar en demasiados detalles porque cubrimos esto mucho cuando llegamos a la sección

94
00:06:08,040 --> 00:06:14,520
de back-end, lo que sucede es que estoy en el protocolo de archivos, que es lo que sucede cuando acaba de

95
00:06:14,520 --> 00:06:21,690
abrir un archivo y cuando hago clic en este enlace simplemente Pienso que quiero usar un protocolo de archivo nuevamente y solo voy a

96
00:06:21,690 --> 00:06:22,670
Google dot com.

97
00:06:22,740 --> 00:06:31,460
Sin embargo, lo que realmente quiero hacer es ir a Google dot com en el protocolo HTP.

98
00:06:31,530 --> 00:06:34,050
Entonces necesito asegurarme de que mi enlace sea explícito.

99
00:06:34,050 --> 00:06:38,500
Entonces, cuando actualizo mi clic, haz clic en mí para ir a Google.

100
00:06:38,520 --> 00:06:46,770
En realidad, me lleva a Google porque especifiqué que esto debería ser HTP colon slash slash www. Youtube. com.

101
00:06:48,180 --> 00:06:55,180
Dicho esto, a veces quiero vincular a otra página que no está en HTP.

102
00:06:55,350 --> 00:06:57,020
Así que te daré un ejemplo.

103
00:06:57,150 --> 00:06:58,250
Es una etiqueta.

104
00:06:58,470 --> 00:07:05,290
Y voy a llamar esto a la página 2 que HVM L que no existe.

105
00:07:05,640 --> 00:07:07,710
Ve a la página 2.

106
00:07:08,640 --> 00:07:11,790
Y ahora lo que voy a tener que hacer

107
00:07:15,480 --> 00:07:21,510
es hacer una página también y esta página también será muy simple en un solo párrafo.

108
00:07:21,510 --> 00:07:28,530
Esta es la página 2 y la guardo allí en el mismo directorio junto en mi escritorio.

109
00:07:28,530 --> 00:07:36,340
Puede ver que tengo la primera página y la página 2 y este enlace va a la página de ese HMO.

110
00:07:36,510 --> 00:07:39,980
Así que actualiza la página que veo ve a la página 2.

111
00:07:40,330 --> 00:07:43,680
Hago clic en él y puedes ver que mi uro ha cambiado.

112
00:07:43,950 --> 00:07:50,460
exactamente al mismo lugar, excepto que ahora es el HTML de esa edad en lugar de la primera página del estudio de Timo.

113
00:07:50,460 --> 00:07:52,050
Así que esto ahora me lleva

114
00:07:52,500 --> 00:07:55,120
Así que estamos viendo dos tipos de usted o más aquí.

115
00:07:55,230 --> 00:08:02,280
Uno se llama una ruta relativa, lo que significa que, en relación con dónde estoy, mantengo todo igual y agrego

116
00:08:02,370 --> 00:08:09,780
una página de bienvenida a esa HMO o no importa dónde estoy porque quiero ir a Google en un lugar completamente

117
00:08:09,780 --> 00:08:10,450
diferente.

118
00:08:10,590 --> 00:08:12,960
Ambos son atax.

119
00:08:13,320 --> 00:08:16,530
Entonces este tipo de uso es realmente muy común.

120
00:08:16,800 --> 00:08:22,950
contacto, esos pueden ser todos los diferentes archivos HMO que usted crea y luego los vincula junto con atax.

121
00:08:22,950 --> 00:08:29,010
Cuando tiene un sitio de cartera y tiene una página Acerca de mí y tiene una página para proyectos

122
00:08:29,010 --> 00:08:30,940
y su currículum e información de

123
00:08:31,290 --> 00:08:33,450
Y este caso de uso también es muy común.

124
00:08:33,600 --> 00:08:39,990
Si desea vincular a sus enlaces de Facebook y su Google Google Plus, supongo que si alguien utiliza ese o

125
00:08:39,990 --> 00:08:41,660
su Instagram y así sucesivamente.

126
00:08:42,030 --> 00:08:45,870
Entonces, para resumir, tenemos una etiqueta con etiquetas de imagen.

127
00:08:45,870 --> 00:08:51,720
Ambos usan atributos y atributos son solo formas en las que pasamos la información.

128
00:08:51,870 --> 00:08:57,980
Siguen este par de valores clave de formato algo es igual a algo entre comillas