communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > Questions et réponses frontales > Quelles sont les classifications des balises html ?

Quelles sont les classifications des balises html ?

醉折花枝作酒筹

Libérer： 2023-01-06 11:16:39

original

13941 Les gens l'ont consulté

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.

Quelles sont les classifications des balises html ?

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é :Tutoriel vidéo HTML 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! Étiquettes associées： html taper source：php.cn Article précédent：Quels sont les éléments de bloc en ligne en HTML ? Article suivant：Que signifie runat en HTML Déclaration de ce site Web 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 Derniers articles par auteur Partagez cinq fonctions VueUse utiles, utilisons-les ensemble ! 2021-08-13 18:04:58 Comment définir la taille et la position de la grille spécifiée en CSS 2021-08-13 17:36:16 Comment définir la taille de la ligne de grille en CSS 2021-08-13 16:16:35 Apprenez-vous une astuce pour ajuster la taille de l'image d'arrière-plan CSS 2021-08-13 15:33:28 Comment utiliser CSS pour définir si l'image d'arrière-plan est répétée ou non 2021-08-13 14:30:39 Une astuce pour corriger l'image d'arrière-plan des éléments de positionnement CSS 2021-08-13 11:57:56 Une astuce pour corriger l'image d'arrière-plan du positionnement de l'origine relative CSS 2021-08-13 11:32:54 css comment définir l'image d'arrière-plan pour l'élément 2021-08-13 10:45:02 Comment obtenir l'heure et l'horodatage actuels dans MySQL 2021-08-24 10:52:19 Que dois-je faire s'il y a une erreur lors du téléchargement du fichier curl dans php7 ? 2023-02-18 07:56:01 Derniers numéros Comment devient-il <html></html> après avoir saisi <html><> ? Depuis 1970-01-01 08:00:00 0 0 0 angulaire.js - Quelqu'un sait-il comment lier du HTML à l'aide de ng-bind-html. Mais le HTML est échappé Depuis 1970-01-01 08:00:00 0 0 0 Devez-vous créer un dossier HTML correspondant pour chaque code HTML sous le dossier d'affichage ? Depuis 1970-01-01 08:00:00 0 0 0 Comment envoyer du contenu HTML vers une autre page HTML Depuis 1970-01-01 08:00:00 0 0 0 Comment convertir du HTML en PHP ? Depuis 1970-01-01 08:00:00 0 0 0 Rubriques connexes Plus> symbole de droit d'auteur HTML éditeur HTML en ligne réalisation de pages web html espace HTML qu'est-ce que le HTML Comment définir la taille de la police HTML html en txt Comment écrire du code de zone de texte HTML Recommandations populaires Qu'est-ce qu'une adresse URL Que signifie le côté Web ? Quels sont les langages de programmation ? Qu'est-ce que l'industrie informatique Que signifie l'erreur ? Tutoriels populaires Plus> Tutoriels associés Recommandations populaires Derniers cours Tutoriel pratique d'animation HTML5 Canvas 59663 Conseils quotidiens HTML (saison 2) 89859 Bases des pages Web HTML+CSS 51995 Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne) 1429605 temps d'étude Tutoriel vidéo JAVA pour débutants 2596872 temps d'étude Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle 511491 temps d'étude Introduction rapide au développement web front-end 216426 temps d'étude Maîtrisez les didacticiels vidéo PS à partir de zéro 904984 temps d'étude [Web front-end] Démarrage rapide de Node.js 8467 temps d'étude Collection complète de cours full-stack de développement Web étranger 6781 temps d'étude Aller au langage pratique GraphQL 5637 temps d'étude Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape 755 temps d'étude Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures 28891 temps d'étude Derniers téléchargements Plus> effets Web Code source du site Web Matériel du site Web Modèle frontal [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3 [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5 [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3 [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches [Modèle frontal] Modèle Web de CV de travail créatif de concepteur [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet [Modèle frontal] Modèle de site Web de service de trading de devises de style violet [Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG) [Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG) [image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS) [Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG) [Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG) [Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes [image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS) [Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG) [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches [Modèle frontal] Modèle Web de CV de travail créatif de concepteur [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet [Modèle frontal] Modèle de site Web de service de trading de devises de style violet Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！ À propos de nous Clause de non-responsabilité Sitemap © php.cn All rights reserved