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.
Donc, ils prennent la forme d'une paire valeur clé que vous allez entendre cette phrase beaucoup.
Il s'agit essentiellement d'une propriété puis d'une valeur correspondante.
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à.
Nous allons les voir tous à temps.
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.
Donc la première chose que vous remarquerez que je défilement est qu'il ya beaucoup d'attributs différents.
Et tout comme avec les éléments que vous n'avez pas à connaître tous ces éléments.
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.
Il est également important de noter que chaque attribut ne fonctionne pas sur chaque élément.
En fait, la plupart des attributs ne fonctionnent que sur deux à cinq éléments différents.
Certains d'entre eux ne fonctionnent que sur un seul.
Cette deuxième colonne indique ici les éléments pour lesquels un attribut donné fonctionne.
Donc, quelque chose comme le code qui est un attribut que je n'ai jamais eu à utiliser jamais.
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.
Quoi que cela signifie et il ne fonctionne que sur un élément applet que je n'ai jamais eu à utiliser avant.
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.
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.
Revenons donc aux diapositives pour que les images soient vraiment amusantes.
Une partie importante de la création d'un site Web.
Il existe effectivement des tags très courts à écrire.
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.
Il n'y a pas de contenu intérieur, il n'y a pas de HMO interne ou de texte interne.
Au lieu de cela, nous avons juste cette étiquette d'image qui s'ouvre et se ferme, puis un seul attribut.
Alors je vais vous montrer comment faire.
Commençons bien sûr par trouver une image.
J'aime les mélanges de corgi en particulier.
J'adore les mélanges corgi husky.
Voilà.
Prenons juste cette image.
Adorable chien.
Et allons à un vieux document.
Encore une fois, je vais revenir sur ce que nous avons travaillé.
Mais ce n'est évidemment pas un site durable que nous allons vraiment construire.
C'est comme un bloc-notes pour HMO.
Alors allons n'importe où sur la page et retapez le mot.
Je suis G.
Nous n'avons pas besoin des balises de fermeture, nous ne le faisons pas.
Il s'agit d'une étiquette de fermeture automatique.
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é.
Donc, cette image ici, mais il pourrait aussi être une image que j'ai enregistré sur ma machine.
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.
Pour l'instant, nous allons traiter ces images en ligne.
Nous allons passer plus de temps à parler de la restructuration des choses où nous mettrons nos images et tout cela plus tard.
Sauvegarde ça.
Ouvrons ce fichier.
Et voilà.
Nous avons une étiquette d'image.
Ainsi, un autre type de balise qui utilise un attribut est une balise qui est la façon dont nous faisons des liens.
L'étiquette d'ancrage du capteur d'étiquettes est donc très importante.
C'est ainsi que nous créons des liens vers d'autres pages Web.
C'est comment sur Google quand vous recherchez quelque chose chaque résultat simple vous cliquez dessus.
C'est une balise d'ancrage.
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.
Donc, le format est comme suit.
Une étiquette d'ouverture et de fermeture de texte à l'intérieur.
Et puis chaque attribut ref est égal à certains vous URL.
Donc je vais vous montrer un exemple ici.
Nous allons faire une étiquette.
Et ce sera juste un lien vers Google.
Donc, nous allons fournir que l'attribut ref ref est égal à GWW point dot Google dot com.
C'est là que le lien va.
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.
Il n'y a pas de texte, il n'y a rien à cliquer dessus.
Donc, à l'intérieur des balises dans le contenu interne, je vais dire cliquez-moi dit aller à Google.
D'ACCORD.
Donc, comme vous pouvez le voir, cela me fait un joli lien sur lequel je peux cliquer.
Aussi, vous remarquerez que c'est un élément en ligne.
Il ne prend pas son propre bloc.
Il ne prend pas sa propre ligne.
Forcez le contenu sur une nouvelle ligne en dessous.
Donc, c'est en ligne et cela devrait nous amener à Google lorsque je clique dessus.
Cependant, il ne fonctionne pas tout à fait.
Jetez un oeil à ce que vous êtes tout ce qu'il me faut pour déposer la barre oblique slash.
C'est juste le fichier lui-même.
Et puis www.youtube.com.
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.
Cependant ce que je veux vraiment faire est d'aller à Google dot com sur le protocole HTP.
Donc, je dois m'assurer que mon lien est explicite.
Donc, quand je rafraîchir mon clic cliquez sur moi pour aller à Google.
Il me prend réellement à Google parce que j'ai spécifié ceci devrait être côlon HTP slash www.youtube.com.
Cela dit, je veux parfois faire un lien vers une autre page qui n'est pas sur HTP.
Donc je vais vous donner un exemple.
C'est une étiquette.
Et je vais simplement passer à la page 2 que HVM L qui n'existe pas.
Passez à la page 2.
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.
C'est la page 2 et je l'enregistre là dans le même répertoire ensemble sur mon bureau.
Vous pouvez voir que j'ai la première page et la page 2 et ce lien va juste à la page à cet HMO.
Donc actualisez la page que je vois aller à la page 2.
Je clique dessus et vous pouvez voir mon uro a changé.
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.
Nous voyons donc deux types de vous ou ici.
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.
Les deux sont atax.
Donc, ce type d'utilisation est en fait très commun.
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.
Et ce cas d'utilisation est également très fréquent.
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.
Donc, pour résumer cela, nous avons une étiquette, nous avons des balises d'image.
Tous les deux utilisent des attributs et les attributs sont juste des manières où nous passons l'information dedans.