Donc, dans cette vidéo, nous allons apprendre quelques éléments HDMI plus qui sont assez communs.
Ainsi nous avons vu comment écrire des commentaires que nous avons vu la tête et le type de doc de corps dans HCM hibou aussi bien que H-1.
Maintenant, nous allons apprendre sur un tas de choses qui peuvent aller dans le corps.
Donc, dans les diapositives, il y a une petite feuille de tricherie sur certaines des choses que nous allons aborder, et nous allons revenir là-dessus un peu plus loin.
Mais avant, je veux vous montrer la référence MT-NW élément.
Donc, ce lien est dans la description.
C'est aussi dans les diapositives.
Vous pourriez aussi simplement y aller en googler M.D n élément de référence et c'est essentiellement une page Web qui répertorie tous les éléments de HMO.
Donc, certaines personnes sont surpris de voir combien il ya d'autres personnes que d'autres étudiants que j'ai entendu sont surpris de voir combien il y en a peu.
Et c'est juste une supposition.
Je n'ai pas compté mais une centaine environ cette page a tous.
Vous pouvez lire sur chacun d'entre eux afin que vous sachiez que nous pourrions chercher du corps et nous pourrions lire sur le corps de ce que nous avons déjà fait.
Ce que je veux vous montrer, c'est qu'il ya une tonne ici.
Il ya probablement 10 à 15 que vous utiliserez tout le temps.
Je dirais que si vous faites environ la moitié de ces derniers dans les derniers mois aucun de ces vraiment ce que j'essaie de dire, c'est qu'il ya beaucoup de choses ici ne se sentent pas comme vous devez savoir tout cela.
C'est l'un des moments où je vais vous dire qu'il ne s'agit pas de mémorisation.
Revenons à notre H-1 et faisons un peu de lecture une fois.
Donc, je vais juste chercher ici pour chacun rapide sur le lien correspondant et, fondamentalement, un H1 à un âge de six sont les six niveaux des titres de document.
Donc, dans chacun d'eux va être l'en-tête le plus important sur votre page c'est la plus grande rubrique jusqu'à un âge de 6 qui est encore un titre, mais c'est la position la moins importante.
Donc vous pouvez voir il ya un exemple ici H1 H2 que trois tout le chemin jusqu'à l'âge de six ans.
C'est l'âge qui en résulte pour un mâle.
Donc voici un autre exemple ici où nous avons quelques H1 et quelques autres balises.
Et nous finissons avec cet élément de titre.
Eh bien aller de l'avant et faire quelques h quelques plus.
Désolé un peu plus d'éléments Hedding fera dans H-2.
Nous ne ferons pas tous et nous ferons un de plus.
Et changeons cela pour trois ans.
Faisons en fait dans l'âge de six ans.
Vous pouvez voir comment petit ils obtiennent et nous allons sauver.
Allez-y et ouvrez notre page à nouveau et vous pouvez voir que nous avons un grand Hedding légèrement plus petit titre.
Et cet absolu plus petit titre que nous pouvons aller.
Donc, une autre chose au sujet de H-1 et d'autres rubriques est qu'ils sont quelque chose que l'on appelle les éléments de niveau bloc.
Donc ce que cela signifie, c'est que chacun a sa propre ligne.
Ainsi, même si je les met sur la même ligne et je rafraîchir la page de chacun d'eux obtient une ligne distincte et pousse tout après elle à une nouvelle ligne.
C'est donc important.
Cela va venir parce qu'il va y avoir d'autres éléments qui ne se comportent pas de cette façon et ceux qui sont appelés éléments en ligne.
OK, vous annulez cela.
Assurez-vous que nous avons cet espace correctement.
Allons-y et ajoutez du texte ici.
Donc, je vais vous dire que c'est juste un peu bios. Je vais mettre du texte ici.
C'est du texte.
Bla bla bla
Et ce que je veux juste être texte régulier.
Je ne veux pas qu'il soit grand ou mis en évidence ou quoi que ce soit pour que je puisse écrire un texte comme ça.
Puis-je ajouter un groupe plus ici.
Et je rafraîchis ma page.
Je reçois cette chose géante de texte sur une ligne, mais disons que je réalise que je veux réellement une coupure de ligne ici.
Ce sont deux paragraphes de non-sens à faire que je peux utiliser la balise de paragraphe.
Donc, si vous revenez ici et que nous recherchions le tag, vous verrez que la balise est juste utilisée pour représenter un paragraphe de texte et les paragraphes sont des éléments de niveau bloc.
Donc, cela signifie qu'ils vont aussi sur leur propre ligne.
Alors ajoutons un paragraphe ici.
Donc je veux partager ici et ici désolé ici.
Donc, je viens d'envelopper ce dans une balise de paragraphe comme tel et puis je vais ajouter une autre étiquette de paragraphe en face de cela et ensuite nous allons nous assurer que nous l'enregistrer et nous actualiser.
Et maintenant, nous avons deux paragraphes qui sont sur des lignes distinctes.
Alors laissez-moi aller et obtenir la syntaxe.
Let's juste faire Lorem Ipsum aller à un générateur et nous allons juste tirer un paquet de texte ici et copier ce plus de sorte que vous pouvez voir peut-être quelque chose de plus comme ça.
Il s'agit en réalité d'un paragraphe, donc ce n'est pas une ligne mais c'est un paragraphe et il a un espacement après le paragraphe suivant.
Donc, maintenant que j'ai mon paragraphe ici, supposons que je voulais faire un texte se détacher Je veux mettre en italique le titre d'un livre ou je veux en gras un mot-clé par exemple.
Il y a donc des façons de faire cela avec chaque équipe. Je vais vous en montrer une ici.
Disons que je veux faire simplement du texte factice en gras.
Donc, pour ce faire, je pourrais écrire une étiquette B autour de lui et comme je l'ai mentionné plus tôt ce n'est effectivement pas la meilleure façon de le faire plus.
Nous allons vous le montrer ici brièvement pour que vous puissiez le voir.
Donc, je rafraîchir la page et vous pouvez voir que le texte fictif est en gras.
Et plus important encore ou tout aussi important, il ne prend pas une nouvelle ligne.
C'est toujours en ligne.
Il ya donc quelque chose qui s'appelle un élément de niveau bloc que nous avons parlé de ces prendre leur propre niveau de bloc.
Ce paragraphe fait cela prend son propre bloc et il ya des éléments en ligne qui glissent juste et ne sera pas forcer quelque chose à une nouvelle ligne.
Donc, si nous revenons, j'ai dit que ce n'est pas vraiment la meilleure façon de le faire plus.
Nous allons en parler dans une vidéo sur le balisage sémantique fondamentalement.
Et chaque fois à 5 votre email doit maintenant être significatif.
Donc, en disant simplement quelque chose est audacieux, il ne dit pas vraiment quoi que ce soit sur le texte.
Donc, il ya quelques options.
Le plus commun est d'utiliser forte et si forte a un peu tirer un peu plus de sens, il fera exactement la même chose.
Vous ne remarquerez pas une différence ici, mais l'idée est que, en disant que c'est plus fort que gras qui signifie quelque chose d'un peu plus.
Donc, vous verrez dans la future vidéo ce que ce balisage sémantique est tout au sujet.
Quelle honte tout 5 essaie de faire.
Mais pour l'instant il suffit de savoir que ce sont deux façons de faire quelque chose se déroule.
De même il ya peu de façons si je talus en utilisant un texte.
Donc, si je veux en italique Lorem Ipsum je pourrais faire le tag I, vous pouvez voir que j'ai dit Assayas forme ipsum là-bas, mais la meilleure façon de le faire est d'utiliser la balise E-M qui est pour l'accent et il ressemble exactement la même chose.
Et l'idée est encore que l'accent signifie quelque chose plus plutôt que juste dire I.
Nous voulons donc nous séparer et c'est ce que mes cinq ont fait.
Nous voulons séparer notre style de notre structure.
Donc, en disant quelque chose devrait être en italique ou en gras qui est en fait le style de celui-ci.
Mais en disant quelque chose est plus fort ou quelque chose est souligné qui n'est pas comment il est stylé ou comment il regarde.
Il s'agit davantage de la structure de ce système et de ce qu'il signifie.
Donc, en résumé, nous avons H-1 386.
Il s'agit d'éléments de niveau bloc.
Nous avons des paragraphes qui sont également de niveau bloc.
Ils prennent leur propre ligne, puis nous avons eu forte et E-M ou l'accent.
Et ce sont des éléments en ligne qui nous permettent de mettre en italique les choses.
Mais vraiment ce qu'ils font est appeler quelque chose pour être fort ou être souligné.