Maison > Article > interface Web > Comment distinguer les éléments HTML ? (exemple de résumé)

Comment distinguer les éléments HTML ? (exemple de résumé)

藏色散人original: 2018-08-14 15:28:232488parcourir

Cet article vous présente principalement la définition et la classification des éléments html (encyclopédie des éléments html). Ce qui suit est donc une introduction aux problèmes connexes concernant ce que sont les éléments HTML au niveau du bloc, la conversion des éléments HTML au niveau du bloc, les éléments de bloc et les éléments en ligne, etc. Cet article a une certaine valeur de référence et j'espère qu'il sera utile aux amis dans le besoin. Tout d’abord, tout le monde doit savoir ce qu’est le HTML ?

HTML est Hypertext Markup Language. Le texte HTML est un texte descriptif composé de commandes HTML. Les commandes HTML peuvent décrire du texte, des graphiques, des animations, des sons, des tableaux, des liens, etc. La structure du HTML comprend deux parties : la tête et le corps. L'en-tête décrit les informations requises par le navigateur et le corps contient le contenu spécifique à expliquer.

Des exemples spécifiques de la structure de base du HTML sont les suivants :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
    <p>body里面就是网页内容</p>
    </body>
    </html>

Les éléments de balise en HTML sont généralement divisés en trois types différents : les éléments de niveau bloc et éléments en ligne (également appelés éléments en ligne) et éléments de niveau bloc en ligne.

Comment distinguer les éléments HTML ? (exemple de résumé)

1. Caractéristiques des éléments en ligne :

1. > 2. La hauteur, la largeur et les marges supérieure et inférieure de l'élément ne peuvent pas être définies

3. La largeur de l'élément est la largeur du texte ou de l'image qu'il contient et ne peut pas être modifiée.

Quels sont les éléments en ligne couramment utilisés (c'est-à-dire quels sont les éléments html en ligne) :

Définissez display:inline, vous pouvez convertir les éléments de bloc en éléments html en ligne

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>

2. Caractéristiques des éléments de niveau bloc (que signifie l'élément de niveau bloc html) :

1 Chaque élément de niveau bloc commence sur une nouvelle ligne. , et les éléments suivants commencent également sur une nouvelle ligne.

2. La hauteur, la largeur, la hauteur de ligne, les marges supérieure et inférieure de l'élément peuvent être définies.

3. Si la largeur de l'élément n'est pas définie, elle correspond à 100 % de son conteneur parent (identique à la largeur de l'élément parent)

Les éléments de bloc couramment utilisés sont :

...

,
,

,
, , ,
,

Set display:block; l'élément peut être converti en élément de niveau bloc.

3. Caractéristiques des éléments de niveau bloc en ligne : (Possède les caractéristiques à la fois des éléments en ligne et des éléments de niveau bloc)
1. éléments ;

2. La hauteur, la largeur, la hauteur de la ligne, les marges supérieure et inférieure de l'élément peuvent être définies !

Éléments de bloc en ligne couramment utilisés (c'est-à-dire que sont les éléments de niveau bloc en ligne) :

,

display:inline-block ; float:left/right; position: Absolute/fixed; les éléments peuvent être définis comme éléments de niveau bloc.

Remarque : les éléments de niveau bloc et les éléments en ligne. Par défaut, les éléments de niveau bloc occuperont toujours une ligne, mais pas les é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!

html Float display position input ul table

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.cn

Article précédent：Introduction détaillée aux solutions de programmation réactive front-end et à leurs lacunes (avec code)Article suivant：Introduction détaillée aux solutions de programmation réactive front-end et à leurs lacunes (avec code)

Articles Liés

Voir plus