1
00:00:00,420 --> 00:00:08,500
Cette vidéo est axée sur les attributs d'attributs HTML sont la façon dont nous ajoutons des informations supplémentaires à nos éléments âgés de lui.

2
00:00:08,670 --> 00:00:13,590
Donc, ils prennent la forme d'une paire valeur clé que vous allez entendre cette phrase beaucoup.

3
00:00:13,590 --> 00:00:17,990
Il s'agit essentiellement d'une propriété puis d'une valeur correspondante.

4
00:00:18,330 --> 00:00:28,030
Ainsi, cela pourrait être quelque chose comme source égale Corgies up classe PMG égale type sélectionné égal à moins de texte SS Alors ne vous inquiétez pas ce que ceux-là.

5
00:00:28,050 --> 00:00:29,300
Nous allons les voir tous à temps.

6
00:00:29,460 --> 00:00:43,130
Mais c'est ce format de quelque mot est égal à quelque chose dans le message texte un réseau de développeurs a une référence d'attribut complète comme il l'a fait pour les éléments, mais pour tous les attributs en bordé de lui.

7
00:00:43,500 --> 00:00:48,050
Donc la première chose que vous remarquerez que je défilement est qu'il ya beaucoup d'attributs différents.

8
00:00:48,360 --> 00:00:51,880
Et tout comme avec les éléments que vous n'avez pas à connaître tous ces éléments.

9
00:00:51,900 --> 00:01:01,130
En fait, la plupart des développeurs n'utiliseront pas 80% de ceux-ci, donc il ya vraiment un sous-ensemble de cinq 10 peut-être 15 attributs que les développeurs utilisent assez souvent.

10
00:01:01,470 --> 00:01:05,480
Il est également important de noter que chaque attribut ne fonctionne pas sur chaque élément.

11
00:01:05,490 --> 00:01:09,750
En fait, la plupart des attributs ne fonctionnent que sur deux à cinq éléments différents.

12
00:01:09,750 --> 00:01:11,440
Certains d'entre eux ne fonctionnent que sur un seul.

13
00:01:11,580 --> 00:01:16,520
Cette deuxième colonne indique ici les éléments pour lesquels un attribut donné fonctionne.

14
00:01:16,590 --> 00:01:20,980
Donc, quelque chose comme le code qui est un attribut que je n'ai jamais eu à utiliser jamais.

15
00:01:21,120 --> 00:01:27,580
Mais nous pouvons dire d'ici qu'il spécifie que vous êtes hors d'une pomme qu'il est classé pour être chargé et exécuté grand.

16
00:01:27,600 --> 00:01:33,250
Quoi que cela signifie et il ne fonctionne que sur un élément applet que je n'ai jamais eu à utiliser avant.

17
00:01:33,450 --> 00:01:49,360
Mais si nous prenons quelque chose de plus commun comme la source que je vais juste chercher, vous pouvez voir que l'attribut RC fonctionne sur un certain nombre de différents éléments audio intégrer I-frame image d'entrée de script de la vidéo piste source et nous allons réellement utiliser la source Attribut plus tard dans cette vidéo.

18
00:01:49,380 --> 00:02:05,220
Donc, la clé à emporter il ya beaucoup d'attributs tout comme il ya beaucoup d'éléments, mais il ya vraiment quelques quelques importants et je vais commencer par mettre en évidence deux de ceux qui sont des épées et HPF et ces deux attributs sont vraiment importants pour les images Et des marques d'ancrage ou des liens, respectivement.

19
00:02:05,490 --> 00:02:09,880
Revenons donc aux diapositives pour que les images soient vraiment amusantes.

20
00:02:09,900 --> 00:02:12,010
Une partie importante de la création d'un site Web.

21
00:02:12,130 --> 00:02:14,490
Il existe effectivement des tags très courts à écrire.

22
00:02:14,670 --> 00:02:21,630
Et vous remarquerez qu'ils ont un aspect légèrement différent de ce que vous avez vu auparavant, là où il n'y a pas d'étiquette d'ouverture et de fermeture.

23
00:02:21,640 --> 00:02:25,570
Il n'y a pas de contenu intérieur, il n'y a pas de HMO interne ou de texte interne.

24
00:02:25,680 --> 00:02:32,650
Au lieu de cela, nous avons juste cette étiquette d'image qui s'ouvre et se ferme, puis un seul attribut.

25
00:02:33,450 --> 00:02:34,910
Alors je vais vous montrer comment faire.

26
00:02:34,920 --> 00:02:39,090
Commençons bien sûr par trouver une image.

27
00:02:40,180 --> 00:02:42,870
J'aime les mélanges de corgi en particulier.

28
00:02:42,870 --> 00:02:44,580
J'adore les mélanges corgi husky.

29
00:02:44,580 --> 00:02:45,770
Voilà.

30
00:02:46,320 --> 00:02:47,850
Prenons juste cette image.

31
00:02:48,270 --> 00:02:49,610
Adorable chien.

32
00:02:49,950 --> 00:02:53,340
Et allons à un vieux document.

33
00:02:53,340 --> 00:02:55,550
Encore une fois, je vais revenir sur ce que nous avons travaillé.

34
00:02:55,560 --> 00:03:00,060
Mais ce n'est évidemment pas un site durable que nous allons vraiment construire.

35
00:03:00,060 --> 00:03:02,640
C'est comme un bloc-notes pour HMO.

36
00:03:03,570 --> 00:03:07,500
Alors allons n'importe où sur la page et retapez le mot.

37
00:03:07,500 --> 00:03:08,870
Je suis G.

38
00:03:09,150 --> 00:03:14,790
Nous n'avons pas besoin des balises de fermeture, nous ne le faisons pas.

39
00:03:14,790 --> 00:03:16,920
Il s'agit d'une étiquette de fermeture automatique.

40
00:03:17,370 --> 00:03:31,000
Et puis il ya un seul attribut que nous devons avoir qui est S R C signifie source et c'est le rôle de l'image que nous essayons de faire utiliser cette balise pour que vous puissiez être quelque chose qui est hébergé.

41
00:03:31,140 --> 00:03:38,800
Donc, cette image ici, mais il pourrait aussi être une image que j'ai enregistré sur ma machine.

42
00:03:39,420 --> 00:03:48,410
Il pourrait être dans le même répertoire que je suis ou le même dossier dans ce cas, je voudrais simplement la référence comme le chien du CCPM.

43
00:03:49,110 --> 00:03:52,200
Pour l'instant, nous allons traiter ces images en ligne.

44
00:03:52,220 --> 00:03:58,080
Nous allons passer plus de temps à parler de la restructuration des choses où nous mettrons nos images et tout cela plus tard.

45
00:03:58,260 --> 00:03:59,300
Sauvegarde ça.

46
00:03:59,610 --> 00:04:02,630
Ouvrons ce fichier.

47
00:04:03,690 --> 00:04:04,710
Et voilà.

48
00:04:04,710 --> 00:04:06,590
Nous avons une étiquette d'image.

49
00:04:07,440 --> 00:04:13,510
Ainsi, un autre type de balise qui utilise un attribut est une balise qui est la façon dont nous faisons des liens.

50
00:04:13,680 --> 00:04:16,560
L'étiquette d'ancrage du capteur d'étiquettes est donc très importante.

51
00:04:16,560 --> 00:04:19,680
C'est ainsi que nous créons des liens vers d'autres pages Web.

52
00:04:19,740 --> 00:04:24,450
C'est comment sur Google quand vous recherchez quelque chose chaque résultat simple vous cliquez dessus.

53
00:04:24,570 --> 00:04:25,490
C'est une balise d'ancrage.

54
00:04:25,500 --> 00:04:38,000
Chacun de ces liens ou sur certains sites Web quand il est vous savez tous les boutons des médias sociaux Facebook Instagram Twitter tous ces boutons sont effectivement des liens vous cliquez sur eux et ils vous emmener à une autre page.

55
00:04:38,730 --> 00:04:40,740
Donc, le format est comme suit.

56
00:04:41,070 --> 00:04:45,550
Une étiquette d'ouverture et de fermeture de texte à l'intérieur.

57
00:04:45,840 --> 00:04:51,100
Et puis chaque attribut ref est égal à certains vous URL.

58
00:04:51,180 --> 00:04:52,710
Donc je vais vous montrer un exemple ici.

59
00:04:52,740 --> 00:04:54,250
Nous allons faire une étiquette.

60
00:04:54,960 --> 00:04:59,160
Et ce sera juste un lien vers Google.

61
00:04:59,550 --> 00:05:07,700
Donc, nous allons fournir que l'attribut ref ref est égal à GWW point dot Google dot com.

62
00:05:07,740 --> 00:05:08,910
C'est là que le lien va.

63
00:05:08,910 --> 00:05:17,710
Quand je le clique bien sûr si je rafraîchis la page en ce moment je ne verrais pas vraiment n'importe quoi parce que ce lien est invisible.

64
00:05:17,730 --> 00:05:19,890
Il n'y a pas de texte, il n'y a rien à cliquer dessus.

65
00:05:20,100 --> 00:05:30,710
Donc, à l'intérieur des balises dans le contenu interne, je vais dire cliquez-moi dit aller à Google.

66
00:05:31,980 --> 00:05:32,250
D'ACCORD.

67
00:05:32,250 --> 00:05:35,190
Donc, comme vous pouvez le voir, cela me fait un joli lien sur lequel je peux cliquer.

68
00:05:35,190 --> 00:05:38,180
Aussi, vous remarquerez que c'est un élément en ligne.

69
00:05:38,190 --> 00:05:39,740
Il ne prend pas son propre bloc.

70
00:05:39,750 --> 00:05:41,220
Il ne prend pas sa propre ligne.

71
00:05:41,220 --> 00:05:44,460
Forcez le contenu sur une nouvelle ligne en dessous.

72
00:05:44,460 --> 00:05:48,100
Donc, c'est en ligne et cela devrait nous amener à Google lorsque je clique dessus.

73
00:05:48,120 --> 00:05:50,850
Cependant, il ne fonctionne pas tout à fait.

74
00:05:51,090 --> 00:05:57,330
Jetez un oeil à ce que vous êtes tout ce qu'il me faut pour déposer la barre oblique slash.

75
00:05:57,330 --> 00:06:00,330
C'est juste le fichier lui-même.

76
00:06:00,330 --> 00:06:03,180
Et puis www.youtube.com.

77
00:06:03,180 --> 00:06:22,670
Donc, sans entrer dans trop de détails parce que nous couvrir cela beaucoup lorsque nous arrivons à la partie arrière de la section ce qui se passe, c'est que je suis sur le protocole de fichier qui est ce qui se passe quand vous venez d'ouvrir un fichier et lorsque je clique sur ce lien il suffit Pense que je veux utiliser un protocole de fichier à nouveau et tout simplement aller à Google dot com.

78
00:06:22,740 --> 00:06:31,460
Cependant ce que je veux vraiment faire est d'aller à Google dot com sur le protocole HTP.

79
00:06:31,530 --> 00:06:34,050
Donc, je dois m'assurer que mon lien est explicite.

80
00:06:34,050 --> 00:06:38,500
Donc, quand je rafraîchir mon clic cliquez sur moi pour aller à Google.

81
00:06:38,520 --> 00:06:48,110
Il me prend réellement à Google parce que j'ai spécifié ceci devrait être côlon HTP slash www.youtube.com.

82
00:06:48,180 --> 00:06:55,180
Cela dit, je veux parfois faire un lien vers une autre page qui n'est pas sur HTP.

83
00:06:55,350 --> 00:06:57,020
Donc je vais vous donner un exemple.

84
00:06:57,150 --> 00:06:58,250
C'est une étiquette.

85
00:06:58,470 --> 00:07:05,290
Et je vais simplement passer à la page 2 que HVM L qui n'existe pas.

86
00:07:05,640 --> 00:07:07,710
Passez à la page 2.

87
00:07:08,640 --> 00:07:21,510
Et maintenant, ce que je vais devoir faire est de faire une page trop et cette page aussi va être vraiment vraiment simple un seul paragraphe.

88
00:07:21,510 --> 00:07:28,530
C'est la page 2 et je l'enregistre là dans le même répertoire ensemble sur mon bureau.

89
00:07:28,530 --> 00:07:36,340
Vous pouvez voir que j'ai la première page et la page 2 et ce lien va juste à la page à cet HMO.

90
00:07:36,510 --> 00:07:39,980
Donc actualisez la page que je vois aller à la page 2.

91
00:07:40,330 --> 00:07:43,680
Je clique dessus et vous pouvez voir mon uro a changé.

92
00:07:43,950 --> 00:07:52,050
Donc, cela me mène maintenant exactement au même endroit, sauf que c'est maintenant l'âge HTML plutôt que la première page d'étude Timo.

93
00:07:52,500 --> 00:07:55,120
Nous voyons donc deux types de vous ou ici.

94
00:07:55,230 --> 00:08:10,450
L'un est appelé un chemin relatif qui signifie par rapport à où je suis garder tout le même et ajouter sur la page d'accueil à ce HMO ou il n'a pas d'importance où je suis parce que je veux aller à Google lieu complètement différent.

95
00:08:10,590 --> 00:08:12,960
Les deux sont atax.

96
00:08:13,320 --> 00:08:16,530
Donc, ce type d'utilisation est en fait très commun.

97
00:08:16,800 --> 00:08:30,940
Lorsque vous avez un site de portefeuille et vous avez une page À propos de moi et vous avez une page pour les projets et votre curriculum vitae et les informations de contact qui pourraient être tous les différents fichiers HMO que vous créez et ensuite vous suffit de les relier avec atax.

98
00:08:31,290 --> 00:08:33,450
Et ce cas d'utilisation est également très fréquent.

99
00:08:33,600 --> 00:08:41,660
Si vous voulez faire un lien vers vos liens Facebook et votre Google Google Plus, je suppose que si quelqu'un utilise cela ou votre Instagram et ainsi de suite.

100
00:08:42,030 --> 00:08:45,870
Donc, pour résumer cela, nous avons une étiquette, nous avons des balises d'image.

101
00:08:45,870 --> 00:08:51,720
Tous les deux utilisent des attributs et les attributs sont juste des manières où nous passons l'information dedans.