Maison >interface Web >Questions et réponses frontales >Quelles sont les classifications des balises html ?
Quelles sont les classifications des balises html ?
- 醉折花枝作酒筹original
- 2021-06-04 16:49:4713931parcourir
Les éléments de la balise HTML sont : 1. La balise occupe une ligne, et la largeur et la hauteur peuvent être spécifiées sous forme de balise de bloc ; 2. La balise est sur une seule ligne, et la largeur et la hauteur sont déterminées par le contenu. Uniquement lorsque le contenu dépasse la largeur du HTML, les balises en ligne peuvent s'enrouler dans de nouvelles lignes ; 3. Les balises de bloc en ligne qui ont les caractéristiques des éléments en ligne et des éléments de bloc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Les types de balises HTML peuvent être divisés en trois types : les balises de niveau bloc, les balises en ligne et les balises de bloc en ligne.
Étiquette au niveau du bloc :
Étiquette au niveau du bloc : L'étiquette occupe une ligne exclusive, et la largeur et la hauteur peuvent être spécifiées.
Caractéristiques :
Capable d'identifier la largeur et la hauteur
La marge et le remplissage supérieur, inférieur, gauche et droit sont valable pour cela
peut automatiquement envelopper les lignes
Plusieurs balises d'éléments de bloc sont écrites ensemble et la disposition par défaut est de haut en bas
-
Vous pouvez utiliser margin:0 auto pour centrer
Les éléments de bloc couramment utilisés sont :
,
..., , , , , , , ;
Balises en ligne :
Balises en ligne (au niveau de la ligne) : la balise se trouve dans une ligne. La largeur et la hauteur sont déterminées par le contenu uniquement lorsque le contenu dépasse la largeur du HTML. , ça va s'enrouler.
Caractéristiques :
Impossible de définir la largeur et la hauteur
Les marges haut et bas ne sont pas valides, seules la gauche et la droite ont un effet , le remplissage a un effet, agrandira l'espace ; box-sizing:border-box ; n'est pas valide car cet attribut est destiné au modèle de boîte.
ne sera pas automatiquement renvoyé à la ligne
Les éléments en ligne couramment utilisés sont :
bloc en ligne 🎜>
L'élément de bloc en ligne (inline-block) a les caractéristiques à la fois des éléments en ligne et des éléments de bloc. Le code display:inline-block définit l'élément comme un élément de bloc en ligne. (Nouveau dans CSS2.1), les balises ![]()
et Caractéristiques :
- Ne s'enroule pas automatiquement
- Pouvoir définir la largeur et la hauteur
- La disposition par défaut est de gauche à droite
- Vous pouvez utiliser text-align:center pour aligner le contenu horizontalement et au centre par rapport à la boîte parent, comme l'img balise, vous pouvez utiliser text-align:center , aligné au centre par rapport à la boîte parent, margin: 0 auto invalid
- disposé horizontalement, mais tous les éléments auront un écart de 1 space par défaut car il y a un retour chariot écrit entre les éléments dans la nouvelle ligne HTML, l'analyse du navigateur l'analysera dans un espace.
Les éléments de bloc en ligne couramment utilisés sont : ![]()
, Les types de balises HTML peuvent être convertis :
- display:inline;convertir en élément de bloc en ligne
- display:linline-block;convertir en élément de bloc en ligne
- display:block ; Convertir en élément de niveau bloc
Apprentissage recommandé : 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!
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.cnArticle précédent：Quels sont les éléments de bloc en ligne en HTML ?Article suivant：Quels sont les éléments de bloc en ligne en HTML ?
- ,
Impossible de définir la largeur et la hauteur
Les marges haut et bas ne sont pas valides, seules la gauche et la droite ont un effet , le remplissage a un effet, agrandira l'espace ; box-sizing:border-box ; n'est pas valide car cet attribut est destiné au modèle de boîte.
ne sera pas automatiquement renvoyé à la ligne
- Ne s'enroule pas automatiquement
- Pouvoir définir la largeur et la hauteur
- La disposition par défaut est de gauche à droite
- Vous pouvez utiliser text-align:center pour aligner le contenu horizontalement et au centre par rapport à la boîte parent, comme l'img balise, vous pouvez utiliser text-align:center , aligné au centre par rapport à la boîte parent, margin: 0 auto invalid
- disposé horizontalement, mais tous les éléments auront un écart de 1 space par défaut car il y a un retour chariot écrit entre les éléments dans la nouvelle ligne HTML, l'analyse du navigateur l'analysera dans un espace.
- display:inline;convertir en élément de bloc en ligne
- display:linline-block;convertir en élément de bloc en ligne
- display:block ; Convertir en élément de niveau bloc
- ,
- ,