1
00:00:00,330 --> 00:00:00,640
Là.

2
00:00:00,660 --> 00:00:01,610
Nous saluons le retour.

3
00:00:01,920 --> 00:00:04,060
Cette leçon va donc être très rapide.

4
00:00:04,200 --> 00:00:16,480
Nous parlons simplement de deux balises, la balise DIV et la balise spand, et nous ne pouvons vraiment pas en dire autant sur ce qu'ils font et sur la façon dont nous les utilisons jusqu'à ce que nous arrivions à évaluer où nous pourrions créer des styles.

5
00:00:16,560 --> 00:00:22,410
Mais je veux juste les présenter maintenant parce que je vais vous montrer des choses en utilisant divs et spans.

6
00:00:22,410 --> 00:00:27,640
Dans les prochaines vidéos et je n'ai pas fait un excellent travail en fait de l'expliquer dans la première ébauche de ce cours.

7
00:00:27,690 --> 00:00:31,820
Donc, je suis retourné et ajouté cela dans un après le fait après le cours a été publié.

8
00:00:31,950 --> 00:00:38,800
J'ai vu quelques questions que j'ai remarqué peut-être que je pourrais éclaircir si j'ai juste fait un meilleur travail en expliquant Dave plus tôt.

9
00:00:39,000 --> 00:00:39,340
D'ACCORD.

10
00:00:39,360 --> 00:00:42,030
Commençons par parler des divs et des travées.

11
00:00:42,060 --> 00:00:49,770
La première chose que je vais dire, c'est que les deux comme je l'ai mentionné ne sont pas utiles jusqu'à ce que nous arrivons à des éléments de style.

12
00:00:49,770 --> 00:00:58,060
Mais ce qu'ils font est qu'ils vous permettent de grouper le contenu ainsi un div selon MT-NW est juste un conteneur générique.

13
00:00:58,320 --> 00:01:09,210
Donc, c'est juste un c'est un moyen de regrouper les choses ensemble comme un exemple je ne dis pas que c'est un div ici, mais cela pourrait être une div juste une boîte autour de certains contenus.

14
00:01:09,210 --> 00:01:20,380
Il ressemble à du texte ici quelques images et un peu plus de texte pour grouper tout cela et lui donner une grande frontière ou lui donner un arrière-plan excusez-moi, vous pouvez le faire avec un div.

15
00:01:20,400 --> 00:01:25,780
Encore une fois, nous n'avons pas encore parlé de votre façon de faire, mais l'idée est de regrouper les choses ensemble.

16
00:01:25,950 --> 00:01:29,660
Donc vous allez me voir utiliser divs beaucoup dans ce cours aller de l'avant.

17
00:01:29,760 --> 00:01:32,450
Permettez-moi de vous montrer un exemple.

18
00:01:32,520 --> 00:01:41,750
Donc, si j'ajoute un peu de texte ici et c'est effectivement quelque chose que l'un des étudiants dans ce cours a souligné dans le forum de discussion.

19
00:01:41,790 --> 00:01:47,410
Je ne savais pas ce qui est agréable si vous tapez Lorem et cliquez sur tabulation.

20
00:01:47,590 --> 00:01:53,170
Il nous donnera Lorem Ipsum essentiellement juste un bouquet de texte d'espace texte d'exemple.

21
00:01:53,280 --> 00:01:58,100
Donc, je vais utiliser ce faire deux de ces.

22
00:01:58,440 --> 00:02:06,890
Et puis ajoutez également dans un H1 et disons que ce H-1 il n'a pas vraiment d'importance ou tout simplement mettre n'importe quoi là.

23
00:02:07,020 --> 00:02:14,300
Mais disons que c'est un paragraphe et je veux regrouper ces deux choses ensemble.

24
00:02:14,310 --> 00:02:22,150
Le H-1 dans le paragraphe disons finalement à nouveau nous ne pouvons pas le faire maintenant, mais finalement, je veux avoir une boîte autour est une frontière et la frontière orange.

25
00:02:22,260 --> 00:02:24,230
Mais il ne comprend pas celui-ci.

26
00:02:24,270 --> 00:02:35,340
Ce que je peux faire est de les regrouper dans une balise div pour d v et enregistrer.

27
00:02:35,460 --> 00:02:42,350
Et si je rafraîchir la page ou effectivement l'ouvrir en premier lieu, il ne va pas avoir l'air différent du tout.

28
00:02:42,430 --> 00:02:56,540
Il ne va pas ressembler à quelque chose en fait parce qu'il n'ya pas de style pour nous de voir tout ce qui est arrivé est que ces deux choses sont maintenant regroupés dans un conteneur juste une boîte générique d'un conteneur pour les tenir ensemble que nous pouvons ensuite aller style plus tard.

29
00:02:56,580 --> 00:03:07,350
Donc, si j'ai donné à cette div un arrière-plan si je l'ai fait avoir un arrière-plan jaune que le fond jaune irait grossièrement autour de cela, mais il ne comprendrait pas l'un des deuxième paragraphe.

30
00:03:07,350 --> 00:03:12,440
Donc, c'est un span div d'autre part est également un conteneur générique.

31
00:03:12,630 --> 00:03:14,840
Mais il ya une différence clé.

32
00:03:14,910 --> 00:03:17,640
Permettez-moi de commencer par un exemple ici.

33
00:03:17,910 --> 00:03:23,520
Disons que je voulais souligner certains de ces mots ici.

34
00:03:23,670 --> 00:03:24,600
Porte Ipsum.

35
00:03:24,660 --> 00:03:30,840
Quoi que ce soit que je veux faire ce jaune plutôt que noir alors le reste du texte est noir.

36
00:03:30,930 --> 00:03:34,510
Mais je tiens à souligner cela comme jaune et faire la police plus grande ou quelque chose.

37
00:03:34,590 --> 00:03:36,090
Encore une fois, nous ne savons pas comment le faire encore.

38
00:03:36,450 --> 00:03:57,120
Mais l'idée est que j'aurais besoin d'une étiquette autour de cela et si je mets un div là où il ya un conteneur générique ups et je sauvegarde et rafraîchir, vous verrez qu'il est frappé sur une nouvelle ligne et c'est parce que un div est un bloc Niveau.

39
00:03:57,120 --> 00:04:01,410
Cela signifie donc qu'il prend sa propre ligne comme un paragraphe.

40
00:04:01,410 --> 00:04:06,960
Lorsque vous ajoutez un paragraphe dans tout après que le paragraphe est poussé vers le bas à une nouvelle ligne.

41
00:04:07,230 --> 00:04:10,470
Ainsi, un div est un conteneur générique de niveau bloc.

42
00:04:10,470 --> 00:04:25,340
Si je remplace ce avec une portée ce ne va pas être impressionnant du tout parce que comment puis-je voir quelque chose de vraiment vous verrez un changement ici, mais il ressemblera à un paragraphe régulier donc je vais rafraîchir et il ya un conteneur .

43
00:04:25,340 --> 00:04:30,140
Maintenant il ya une portée générique autour de ce contenu qui ne fait rien.

44
00:04:30,540 --> 00:04:33,860
Contrairement à une div, même si c'est un conteneur en ligne.

45
00:04:33,870 --> 00:04:41,200
Donc span est pour fondamentalement le groupement de contenu sélectionnant le contenu en ligne et un div est une autre façon de regrouper le contenu.

46
00:04:41,310 --> 00:04:42,930
Mais c'est un élément de niveau bloc.

47
00:04:43,200 --> 00:04:45,840
Donc, je sais que c'est un peu théorique à ce stade.

48
00:04:45,970 --> 00:04:48,820
Il est difficile de comprendre l'utilité de.

49
00:04:48,990 --> 00:05:08,060
Mais très bientôt quand nous entrons dans C Ss nous serons capables de dire quelque chose comme aller trouver cette portée, j'ai ajouté et faire quinze pointer la police et jaune ou aller trouver que div j'ai ajouté et lui donner une bordure orange et tout ce que nous Faire et puis nous finissons avec une bordure orange autour de ce contenu.

50
00:05:08,070 --> 00:05:11,020
Tout droit grands divs span récipients génériques.