Explication détaillée des éléments en ligne et des éléments de niveau bloc dans les balises HTML

Cet article présente principalement en détail les éléments en ligne et les éléments de niveau bloc couramment utilisés dans les balises HTML. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Élément de bloc (élément de bloc) Détails de classification de la balise HTML

* adresse - adresse
* blockquote - citation de bloc
* centre - bloc d'alignement central
* dir - Répertoire list
* p - niveau de bloc couramment utilisé, également la balise principale de la mise en page CSS
* dl - liste de définitions
* champset - groupe de contrôle de formulaire
* form - formulaire interactif (ne peut être utilisé que pour accueillir d'autres éléments de bloc)
* h1 - Titre
* h2 - Sous-titre
* h3 - Titre de niveau 3
* h4 - Titre de niveau 4
* h5 - Titre de niveau 5
* h6 - Titre de niveau 6
* hr - Ligne de séparation horizontale
* isindex - invite de saisie
* menu - Liste de menus
* noframes - contenu facultatif des cadres (affiché pour les navigateurs qui ne prennent pas en charge le contenu des cadres de ce bloc
* noscript - contenu du script facultatif (affiché pour les navigateurs qui ne prennent pas en charge le script)
* ol - formulaire de tri
* p - paragraphe
* texte pré-formaté
* tableau - table
* ul - liste non triée

élément en ligne (élément en ligne) Détails de classification de la balise HTML

* a - ancre
* abbr - abréviation
* acronyme - premier caractère
* b - gras (non recommandé)
* bdo - bidi override
* big - grande police
* br - saut de ligne
* cite - citation
* code - code informatique (obligatoire pour citer le code source)
* dfn - champ de définition
* em - emphase
* police - réglage de la police (non recommandé)
* i - italique
* img - image
* input - zone de saisie
* kbd - définir le texte du clavier
* label - étiquette du tableau
* q - citation courte
* s - Bloc de ligne centrale (non recommandé)
* barré - souligné
* fort - accent gras
* sub - indice
* sup - exposant
* textarea - zone de saisie de texte multiligne
* tt - texte télex
* u - souligner
* var - définir une variable

élément variable Détails de classification de la balise HTML

* applet - applet java

* bouton - bouton
* del - supprimer le texte

* iframe - cadre en ligne

* ins - texte inséré
* map - bloc d'image (carte)
* objet - objet objet
* script - script client

Résumé :

1. Les éléments au niveau du bloc tels que p h1 p ul li, etc. seront enroulés et voudront être affichés sur la même ligne

doivent être flottants Ou display: inline

2. Les éléments au niveau de la ligne en ligne tels qu'un multiple de span b peuvent être affichés côte à côte. La largeur du paramètre par défaut ne fonctionne pas

Besoin de définir l'affichage : inline-block ou block Très bien.

Recommandations associées :

Un résumé de trois méthodes de conversion d'éléments en ligne en éléments de niveau bloc

Éléments en ligne dans Résumé des éléments HTML et au niveau du bloc

Résumé de l'utilisation associée des éléments en ligne

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!