Quels sont les éléments de bloc en ligne en HTML ?

En HTML, les éléments de niveau bloc en ligne sont : img utilisé pour marquer les images dans les pages Web ; input utilisé pour collecter des informations utilisateur ; td utilisé pour étiqueter les cellules standard dans les tableaux ; une ou plusieurs sélections peuvent être créées ; du menu ; la zone de texte qui définit le contrôle de saisie de texte multiligne ; l'étiquette qui définit l'étiquette de l'élément d'entrée.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Les éléments de bloc en ligne combinent les caractéristiques des éléments en ligne et des éléments de bloc, mais chacun a ses propres compromis. Par conséquent, les éléments de bloc en ligne sont utilisés plus souvent en raison de leurs caractéristiques d'utilisation quotidienne.

Caractéristiques des éléments de bloc en ligne :

• Ne s'enroule pas automatiquement

• Capable de reconnaître la largeur et la hauteur

• La disposition par défaut est de gauche à droite

Il existe relativement peu d'éléments de niveau bloc en ligne, ce sont : img, input, td, select, textarea, label;

img : utilisé pour marquer les images dans les pages Web, avec les attributs src : chemin de la ressource de l'image, alt : message d'invite Lorsque le chargement de l'image échoue, le texte spécifié est affiché. au lieu de l'image

Saisie : zone de saisie, avec type de zone de saisie de type d'attribut et valeur d'attribut (le texte signifie zone de saisie de texte, sélecteur de fichier, zone de saisie de mot de passe, zone de saisie d'e-mail, zone de saisie de numéro, bouton) . caractère d'espace réservé, utilisé pour demander ce qui doit être saisi dans la zone de saisie. La valeur représente le contenu de la zone de saisie. Lorsque name interagit avec le serveur backend, il doit porter l'attribut name, qui est le nom du paramètre lors de l'envoi de la requête.

Radio option type="radio" signifie qu'une option radio se trouve dans le même groupe de cases de boutons radio et qu'une seule valeur peut être sélectionnée. Définissez les valeurs d'attribut de nom de plusieurs radios. à la même valeur type="checkbox "Checkbox

étiquette : elle est liée à l'étiquette d'entrée et a l'attribut pour. La valeur de l'attribut est la valeur d'identification de la zone de saisie. L'attribut vérifié est l'état sélectionné de la balise

select : liste déroulante

Informations étendues :

Conversion des éléments de niveau bloc en ligne

En définissant l'attribut de style CSS display:inline-block, les éléments en ligne ou les éléments au niveau du bloc peuvent être convertis en éléments au niveau du bloc en ligne

Mais si l'élément est converti en éléments en ligne ; element, set display: inline;

Si l'élément est converti en élément de niveau bloc, set display:block

inline-block est un nouvel attribut de CSS2.1. non pris en charge pour les versions inférieures aux propriétés IE7, certaines méthodes compatibles sont donc nécessaires.

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!