Maison > Article > interface Web > Que signifie div ? Comment utiliser les balises div en HTML et CSS

Que signifie div ? Comment utiliser les balises div en HTML et CSS

云罗郡主original: 2018-11-02 15:44:5440621parcourir

Qu'est-ce que div ? Que signifie div ? Comment utiliser les balises div ? Je pense que de nombreux novices rencontreront ce problème lorsqu'ils apprendront. Résumons donc comment utiliser les balises div en HTML et CSS ? [Apprentissage recommandé : Tutoriel HTML5]

1 : Que signifie div

div est un ? Feuille de style Dans la technologie de positionnement, le nom complet de div est division. Parfois, nous avons aussi l'habitude de l'appeler couche. En HTML, div a de nombreux attributs. Seule la composition formelle de ces attributs formera une belle section.

2 : Comment utiliser les balises div en HTML et CSS

1 Pour utiliser div, la première étape consiste à ouvrir le Bloc-notes et à saisir la structure HTML de base, et. inclure le sujet interne HTML.

2. Placez la balise

à l'intérieur de la balise body. Vous devez vous rappeler que div est une balise conteneur, elle doit donc être suivie d'un

, comme

est utilisé pour diviser la page, afin que vous puissiez utilisez même la balise div dans

3. Dans

4. Nous pouvons mettre la balise et écrire du texte, puis la fermer avec . La balise span est généralement utilisée pour sélectionner une partie d'une ligne et lui appliquer certaines propriétés. Cependant, vous pouvez l'utiliser pour sélectionner davantage d'actions.

Exemple de code :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
<style>
</style>
</head> 
<body> 
 <div>
 <p>标题</p>
 <span>
 内容
 </span>
 </div>
</body> 
</html>

Que signifie ce qui précède pour div ? Une introduction complète à l'utilisation des balises div en HTML et CSS. Si vous souhaitez en savoir plus sur le Manuel HTML en ligne, veuillez faire attention au site Web chinois php.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php html5 css html 样式表

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment centrer le texte et les images HTML ? Quel est le code de centrage ?Article suivant：Comment centrer le texte et les images HTML ? Quel est le code de centrage ?

Articles Liés

Voir plus