HTML et
Élément HTML de niveau bloc et élément en ligne
La largeur de l'élément de niveau bloc remplit le zone visible entière du navigateur. Généralement, il ne peut y avoir qu'un seul élément de niveau bloc dans une rangée
La largeur des éléments en ligne est généralement basée sur le contenu du texte dans l'élément. être placé dans un élément de niveau bloc
Exemple
Regardons d'abord les caractéristiques de l'élément de niveau bloc
l'élément en ligne
php中文网(php.cn)
hello world
Résultats d'exécution du programme :
Éléments de niveau bloc
Les éléments de niveau bloc occuperont leur propre ligne par défaut, la largeur remplira automatiquement la largeur de l'élément parent. Par conséquent, plusieurs éléments inter-niveaux sont affichés sur plusieurs lignes de haut en bas.
Éléments de niveau bloc : div, p, form, ul, li, ol, dl, table…
Élément en ligne
en ligne L'élément n'occupera pas une ligne exclusive et sa largeur changera avec le contenu à l'intérieur. Plusieurs éléments en ligne seront disposés étroitement dans une rangée et ne seront pas brisés jusqu'à ce qu'une ligne ne puisse pas tenir
Éléments en ligne : span, strong, em, br, img, input, label, select, textarea, cite...
Balises de regroupement HTML
标签
描述
定义了文档的区域，块级 (block-level)
用来组合文档中的行内元素， 内联元素(inline)
Nous avons déjà appris tellement de balises, et dans la section suivante, nous vous apprendrons comment utiliser ces balises pour créer une mise en page simple.
Formation continue
- Recommandations de cours
- Téléchargement du didacticiel
![Combat réel Front-end Vue3 [projet vue manuscrit]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
IntermédiaireCombat réel Front-end Vue3 [projet vue manuscrit]
2857 Les gens regardent
![Tutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
ÉlémentaireTutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]
1795 Les gens regardent
IntermédiaireNuméro 22_Combat réel complet
5521 Les gens regardent
ÉlémentaireNuméro 22_Programmation PHP
5172 Les gens regardent
ÉlémentaireNuméro 22_Développement front-end
8713 Les gens regardent
IntermédiaireTutoriel vidéo Big Data (MySQL) version complète
4525 Les gens regardent
ÉlémentaireAllez tutoriel de langue - plein d'informations pratiques et sans bêtises
2794 Les gens regardent
ÉlémentaireCours de programmation de base du langage GO
2814 Les gens regardent
IntermédiaireJS avancé et apprentissage BootStrap
2563 Les gens regardent
IntermédiaireOptimisation et dépannage SQL (version MySQL)
3374 Les gens regardent
IntermédiaireTutoriel d'entretien avec la base de données Redis+MySQL
2963 Les gens regardent
ÉlémentaireLivrer de la nourriture ou apprendre la programmation ?
5708 Les gens regardent
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~
Les étudiants qui ont regardé ce cours apprennent également
- Parlons brièvement de la création d'une entreprise en PHP
- Introduction rapide au développement web front-end
- Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
- Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
- Vérification de connexion et forum de discussion classique
- Collecte de connaissances sur les réseaux informatiques
- Démarrage rapide de la version complète de Node.JS
- Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
- Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)
-
À propos de nous
Clause de non-responsabilité
Sitemap
-
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！
Élément HTML de niveau bloc La largeur de l'élément de niveau bloc remplit le zone visible entière du navigateur. Généralement, il ne peut y avoir qu'un seul élément de niveau bloc dans une rangée La largeur des éléments en ligne est généralement basée sur le contenu du texte dans l'élément. être placé dans un élément de niveau bloc Exemple Regardons d'abord les caractéristiques de l'élément de niveau bloc Résultats d'exécution du programme : Éléments de niveau bloc Les éléments de niveau bloc occuperont leur propre ligne par défaut, la largeur remplira automatiquement la largeur de l'élément parent. Par conséquent, plusieurs éléments inter-niveaux sont affichés sur plusieurs lignes de haut en bas. Éléments de niveau bloc : div, p, form, ul, li, ol, dl, table…
Élément en ligne en ligne L'élément n'occupera pas une ligne exclusive et sa largeur changera avec le contenu à l'intérieur. Plusieurs éléments en ligne seront disposés étroitement dans une rangée et ne seront pas brisés jusqu'à ce qu'une ligne ne puisse pas tenir Éléments en ligne : span, strong, em, br, img, input, label, select, textarea, cite...
Balises de regroupement HTML
Nous avons déjà appris tellement de balises, et dans la section suivante, nous vous apprendrons comment utiliser ces balises pour créer une mise en page simple.
标签
描述
定义了文档的区域，块级 (block-level)
用来组合文档中的行内元素， 内联元素(inline)
- Recommandations de cours
- Téléchargement du didacticiel
-
IntermédiaireCombat réel Front-end Vue3 [projet vue manuscrit]
2857 Les gens regardent -
ÉlémentaireTutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]
1795 Les gens regardent -
IntermédiaireNuméro 22_Combat réel complet
5521 Les gens regardent -
ÉlémentaireNuméro 22_Programmation PHP
5172 Les gens regardent -
ÉlémentaireNuméro 22_Développement front-end
8713 Les gens regardent -
IntermédiaireTutoriel vidéo Big Data (MySQL) version complète
4525 Les gens regardent -
ÉlémentaireAllez tutoriel de langue - plein d'informations pratiques et sans bêtises
2794 Les gens regardent -
ÉlémentaireCours de programmation de base du langage GO
2814 Les gens regardent -
IntermédiaireJS avancé et apprentissage BootStrap
2563 Les gens regardent -
IntermédiaireOptimisation et dépannage SQL (version MySQL)
3374 Les gens regardent -
IntermédiaireTutoriel d'entretien avec la base de données Redis+MySQL
2963 Les gens regardent -
ÉlémentaireLivrer de la nourriture ou apprendre la programmation ?
5708 Les gens regardent
Les étudiants qui ont regardé ce cours apprennent également
- Parlons brièvement de la création d'une entreprise en PHP
- Introduction rapide au développement web front-end
- Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
- Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
- Vérification de connexion et forum de discussion classique
- Collecte de connaissances sur les réseaux informatiques
- Démarrage rapide de la version complète de Node.JS
- Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
- Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)
- À propos de nous Clause de non-responsabilité Sitemap
- Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！