Maison > Article > interface Web > Quels sont les deux types de balises html ?
Quels sont les deux types de balises html ?
- angryTomoriginal
- 2019-07-23 15:19:0510766parcourir
Tutoriel recommandé : Tutoriel HTML
De manière générale, il est divisé en éléments en ligne et Les éléments Block et les éléments en ligne signifient que, par exemple, si deux éléments en ligne sont sur la même ligne, ils ne se diviseront pas, comme , , etc. Ils ne prennent pas en charge la largeur et la hauteur. attributs, donc la hauteur et la largeur des éléments en ligne sont simplement la hauteur et la largeur de son contenu. Dans le cas d'un bloc, si deux éléments de bloc ne peuvent pas être sur la même ligne, cela signifie qu'ils seront renvoyés à la ligne, comme 1. Éléments en ligne Les éléments en ligne les plus couramment utilisés sont span, d'autres ne sont utilisés que sous des fonctions spécifiques, modifiant les polices, ainsi que les balises et peuvent créer directement un effet carré sans l'aide d'attributs de déplacement similaires, ce qui est très pratique. Caractéristiques des éléments en ligne : (1) Le réglage de la largeur et de la hauteur n'est pas valide. Élément de génération en ligne Les éléments de bloc représentatifs sont div, d'autres tels car p, nav, side, en-tête, pied de page, section, article, ul-li, adresse, etc. peuvent tous être implémentés en utilisant div. Cependant, afin de faciliter l'interprétation du code par les programmeurs, des balises sémantiques spécifiques sont généralement utilisées pour rendre le code plus lisible et faciliter la vérification des erreurs. ( 3) Peut automatiquement envelopper Rendu ...etc., mais bloquent les éléments prennent en charge la largeur et l'attribut height n'est pas pris en charge par les éléments en ligne. Bien sûr, vous pouvez utiliser CSS pour changer l'inline en block ou le block en inline.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试案例</title>
<style type="text/css">
span {
width: 120px;
height: 120px;
margin: 1000px 20px;
padding: 50px 40px;
background: lightblue;
}
</style>
</head>
<body>
<i>不会自动换行</i>
<span>行内元素</span>
</body>
</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!