1
00:00:00,780 --> 00:00:05,100
Donc, dans cette vidéo, nous allons apprendre quelques éléments HDMI plus qui sont assez communs.

2
00:00:05,340 --> 00:00:11,970
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.

3
00:00:11,970 --> 00:00:15,710
Maintenant, nous allons apprendre sur un tas de choses qui peuvent aller dans le corps.

4
00:00:15,840 --> 00:00:22,170
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.

5
00:00:22,350 --> 00:00:26,430
Mais avant, je veux vous montrer la référence MT-NW élément.

6
00:00:26,430 --> 00:00:28,170
Donc, ce lien est dans la description.

7
00:00:28,170 --> 00:00:29,730
C'est aussi dans les diapositives.

8
00:00:29,730 --> 00:00:39,140
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.

9
00:00:39,210 --> 00:00:48,260
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.

10
00:00:48,330 --> 00:00:49,360
Et c'est juste une supposition.

11
00:00:49,380 --> 00:00:53,500
Je n'ai pas compté mais une centaine environ cette page a tous.

12
00:00:53,520 --> 00:01:01,100
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.

13
00:01:01,340 --> 00:01:03,970
Ce que je veux vous montrer, c'est qu'il ya une tonne ici.

14
00:01:04,110 --> 00:01:07,880
Il ya probablement 10 à 15 que vous utiliserez tout le temps.

15
00:01:07,950 --> 00:01:16,890
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.

16
00:01:16,890 --> 00:01:21,010
C'est l'un des moments où je vais vous dire qu'il ne s'agit pas de mémorisation.

17
00:01:21,300 --> 00:01:25,140
Revenons à notre H-1 et faisons un peu de lecture une fois.

18
00:01:25,350 --> 00:01:36,640
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.

19
00:01:36,780 --> 00:01:46,450
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.

20
00:01:47,130 --> 00:01:53,340
Donc vous pouvez voir il ya un exemple ici H1 H2 que trois tout le chemin jusqu'à l'âge de six ans.

21
00:01:53,340 --> 00:01:55,640
C'est l'âge qui en résulte pour un mâle.

22
00:01:56,400 --> 00:02:00,850
Donc voici un autre exemple ici où nous avons quelques H1 et quelques autres balises.

23
00:02:00,960 --> 00:02:04,110
Et nous finissons avec cet élément de titre.

24
00:02:05,370 --> 00:02:07,860
Eh bien aller de l'avant et faire quelques h quelques plus.

25
00:02:07,890 --> 00:02:10,570
Désolé un peu plus d'éléments Hedding fera dans H-2.

26
00:02:10,800 --> 00:02:21,460
Nous ne ferons pas tous et nous ferons un de plus.

27
00:02:23,820 --> 00:02:27,150
Et changeons cela pour trois ans.

28
00:02:27,300 --> 00:02:28,510
Faisons en fait dans l'âge de six ans.

29
00:02:28,510 --> 00:02:32,960
Vous pouvez voir comment petit ils obtiennent et nous allons sauver.

30
00:02:32,960 --> 00:02:40,090
Allez-y et ouvrez notre page à nouveau et vous pouvez voir que nous avons un grand Hedding légèrement plus petit titre.

31
00:02:40,200 --> 00:02:43,190
Et cet absolu plus petit titre que nous pouvons aller.

32
00:02:43,230 --> 00:02:49,530
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.

33
00:02:49,530 --> 00:02:53,800
Donc ce que cela signifie, c'est que chacun a sa propre ligne.

34
00:02:54,870 --> 00:03:04,450
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.

35
00:03:04,470 --> 00:03:05,920
C'est donc important.

36
00:03:06,030 --> 00:03:12,010
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.

37
00:03:12,200 --> 00:03:14,010
OK, vous annulez cela.

38
00:03:14,040 --> 00:03:15,930
Assurez-vous que nous avons cet espace correctement.

39
00:03:15,930 --> 00:03:18,960
Allons-y et ajoutez du texte ici.

40
00:03:19,500 --> 00:03:26,480
Donc, je vais vous dire que c'est juste un peu bios. Je vais mettre du texte ici.

41
00:03:26,700 --> 00:03:29,140
C'est du texte.

42
00:03:29,160 --> 00:03:30,230
Bla bla bla

43
00:03:30,390 --> 00:03:34,470
Et ce que je veux juste être texte régulier.

44
00:03:34,470 --> 00:03:41,090
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.

45
00:03:41,400 --> 00:03:45,060
Puis-je ajouter un groupe plus ici.

46
00:03:46,800 --> 00:03:47,990
Et je rafraîchis ma page.

47
00:03:48,050 --> 00:03:54,930
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.

48
00:03:54,930 --> 00:04:00,450
Ce sont deux paragraphes de non-sens à faire que je peux utiliser la balise de paragraphe.

49
00:04:00,810 --> 00:04:17,040
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.

50
00:04:17,040 --> 00:04:20,860
Donc, cela signifie qu'ils vont aussi sur leur propre ligne.

51
00:04:21,030 --> 00:04:22,620
Alors ajoutons un paragraphe ici.

52
00:04:22,650 --> 00:04:28,080
Donc je veux partager ici et ici désolé ici.

53
00:04:28,080 --> 00:04:50,470
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.

54
00:04:50,790 --> 00:04:54,740
Et maintenant, nous avons deux paragraphes qui sont sur des lignes distinctes.

55
00:04:55,140 --> 00:04:56,510
Alors laissez-moi aller et obtenir la syntaxe.

56
00:04:56,520 --> 00:05:13,140
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.

57
00:05:13,140 --> 00:05:20,200
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.

58
00:05:20,220 --> 00:05:32,420
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.

59
00:05:32,460 --> 00:05:36,190
Il y a donc des façons de faire cela avec chaque équipe. Je vais vous en montrer une ici.

60
00:05:36,360 --> 00:05:40,050
Disons que je veux faire simplement du texte factice en gras.

61
00:05:40,260 --> 00:05:52,570
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.

62
00:05:52,580 --> 00:05:56,040
Nous allons vous le montrer ici brièvement pour que vous puissiez le voir.

63
00:05:56,040 --> 00:06:00,600
Donc, je rafraîchir la page et vous pouvez voir que le texte fictif est en gras.

64
00:06:00,870 --> 00:06:05,270
Et plus important encore ou tout aussi important, il ne prend pas une nouvelle ligne.

65
00:06:05,340 --> 00:06:06,800
C'est toujours en ligne.

66
00:06:07,050 --> 00:06:12,100
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.

67
00:06:12,120 --> 00:06:22,140
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.

68
00:06:22,800 --> 00:06:26,840
Donc, si nous revenons, j'ai dit que ce n'est pas vraiment la meilleure façon de le faire plus.

69
00:06:26,940 --> 00:06:30,780
Nous allons en parler dans une vidéo sur le balisage sémantique fondamentalement.

70
00:06:30,790 --> 00:06:35,010
Et chaque fois à 5 votre email doit maintenant être significatif.

71
00:06:35,010 --> 00:06:40,160
Donc, en disant simplement quelque chose est audacieux, il ne dit pas vraiment quoi que ce soit sur le texte.

72
00:06:40,170 --> 00:06:42,700
Donc, il ya quelques options.

73
00:06:42,720 --> 00:06:50,420
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.

74
00:06:50,430 --> 00:06:59,470
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.

75
00:06:59,610 --> 00:07:03,760
Donc, vous verrez dans la future vidéo ce que ce balisage sémantique est tout au sujet.

76
00:07:03,780 --> 00:07:05,540
Quelle honte tout 5 essaie de faire.

77
00:07:05,580 --> 00:07:08,940
Mais pour l'instant il suffit de savoir que ce sont deux façons de faire quelque chose se déroule.

78
00:07:08,950 --> 00:07:12,050
De même il ya peu de façons si je talus en utilisant un texte.

79
00:07:12,090 --> 00:07:32,170
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.

80
00:07:32,340 --> 00:07:37,970
Et l'idée est encore que l'accent signifie quelque chose plus plutôt que juste dire I.

81
00:07:38,220 --> 00:07:41,230
Nous voulons donc nous séparer et c'est ce que mes cinq ont fait.

82
00:07:41,310 --> 00:07:44,650
Nous voulons séparer notre style de notre structure.

83
00:07:44,910 --> 00:07:49,920
Donc, en disant quelque chose devrait être en italique ou en gras qui est en fait le style de celui-ci.

84
00:07:50,310 --> 00:07:57,180
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.

85
00:07:57,300 --> 00:08:00,830
Il s'agit davantage de la structure de ce système et de ce qu'il signifie.

86
00:08:00,960 --> 00:08:05,150
Donc, en résumé, nous avons H-1 386.

87
00:08:05,310 --> 00:08:07,200
Il s'agit d'éléments de niveau bloc.

88
00:08:07,320 --> 00:08:09,920
Nous avons des paragraphes qui sont également de niveau bloc.

89
00:08:09,930 --> 00:08:15,790
Ils prennent leur propre ligne, puis nous avons eu forte et E-M ou l'accent.

90
00:08:16,080 --> 00:08:20,470
Et ce sont des éléments en ligne qui nous permettent de mettre en italique les choses.

91
00:08:20,760 --> 00:08:25,050
Mais vraiment ce qu'ils font est appeler quelque chose pour être fort ou être souligné.