Là.
Nous saluons le retour.
Cette leçon va donc être très rapide.
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.
Mais je veux juste les présenter maintenant parce que je vais vous montrer des choses en utilisant divs et spans.
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.
Donc, je suis retourné et ajouté cela dans un après le fait après le cours a été publié.
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.
D'ACCORD.
Commençons par parler des divs et des travées.
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.
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.
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.
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.
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.
Donc vous allez me voir utiliser divs beaucoup dans ce cours aller de l'avant.
Permettez-moi de vous montrer un exemple.
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.
Je ne savais pas ce qui est agréable si vous tapez Lorem et cliquez sur tabulation.
Il nous donnera Lorem Ipsum essentiellement juste un bouquet de texte d'espace texte d'exemple.
Donc, je vais utiliser ce faire deux de ces.
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à.
Mais disons que c'est un paragraphe et je veux regrouper ces deux choses ensemble.
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.
Mais il ne comprend pas celui-ci.
Ce que je peux faire est de les regrouper dans une balise div pour d v et enregistrer.
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.
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.
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.
Donc, c'est un span div d'autre part est également un conteneur générique.
Mais il ya une différence clé.
Permettez-moi de commencer par un exemple ici.
Disons que je voulais souligner certains de ces mots ici.
Porte Ipsum.
Quoi que ce soit que je veux faire ce jaune plutôt que noir alors le reste du texte est noir.
Mais je tiens à souligner cela comme jaune et faire la police plus grande ou quelque chose.
Encore une fois, nous ne savons pas comment le faire encore.
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.
Cela signifie donc qu'il prend sa propre ligne comme un paragraphe.
Lorsque vous ajoutez un paragraphe dans tout après que le paragraphe est poussé vers le bas à une nouvelle ligne.
Ainsi, un div est un conteneur générique de niveau bloc.
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 .
Maintenant il ya une portée générique autour de ce contenu qui ne fait rien.
Contrairement à une div, même si c'est un conteneur en ligne.
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.
Mais c'est un élément de niveau bloc.
Donc, je sais que c'est un peu théorique à ce stade.
Il est difficile de comprendre l'utilité de.
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.
Tout droit grands divs span récipients génériques.