Maison > interface Web > tutoriel HTML > Qu'est-ce que le code de l'espace HTML ? Comment écrire du code spatial HTML ? (Résumer)

Qu'est-ce que le code de l'espace HTML ? Comment écrire du code spatial HTML ? (Résumer)

不言
Libérer: 2018-09-07 13:41:41
original
131992 Les gens l'ont consulté

Quand j'ai commencé à apprendre le HTML, j'ai rencontré un problème comme celui-ci : Comment saisir des espaces en HTML ? Certaines personnes peuvent simplement appuyer directement sur la barre d'espace, mais c'est incorrect. Après tout, l'appui sur la barre d'espace n'est pas un code, donc cet article vous présentera comment écrire des codes d'espace en HTML.

Il existe cinq types de codes d'espace en HTML

Comment écrire du code d'espace en HTML :   (pas de saut de ligne)

Prenons un regarde Un petit exemple :

<!DOCTYPE html>
<html>
<body>
<b>php&nbsp中文网</b>
</body>
</html>
Copier après la connexion

Effet :

Quest-ce que le code de lespace HTML ? Comment écrire du code spatial HTML ? (Résumer)

Explication : Un caractère  espace ne représente qu'un espace, Si vous souhaitez plusieurs espaces, vous devez saisir plusieurs caractères  space. La largeur de l'espace est significativement et fortement affectée par la police.

La deuxième façon d'écrire du code spatial en html : &ensp (espace demi-largeur)

Regardez un petit exemple :

<html>
<head>
</head>
<body>
    <p>P&ensp;H&ensp;P</p>
</body>
</html>
Copier après la connexion

Effet :

Quest-ce que le code de lespace HTML ? Comment écrire du code spatial HTML ? (Résumer)

Explication : Le nom complet de &ensp est En Space, et en est l'unité de mesure de typographie, qui correspond à la moitié de la largeur du cadratin. Par définition, elle équivaut à la moitié de la taille de la police (par exemple, 8 px dans une police de 16 px), la largeur qu'elle occupe est exactement la moitié de la largeur chinoise et n'est fondamentalement pas affectée par la police.

La troisième façon d'écrire du code d'espace en HTML : &emsp (espace pleine largeur)

Petit exemple :

<html>
<head>
</head>
<body>
<p>php&emsp;&emsp;中文网</p>  
</body>
</html>
Copier après la connexion

Effet :

Quest-ce que le code de lespace HTML ? Comment écrire du code spatial HTML ? (Résumer)

Explication : Le nom complet de &emsp est Em Space, em est l'unité de mesure de la typographie, qui équivaut au nombre de points actuellement spécifié. Par exemple, 1 em dans une police de 16 px équivaut à 16 px. La largeur qu'il occupe est exactement 1 largeur chinoise et elle n'est fondamentalement pas affectée par la police.

La quatrième façon d'écrire du code d'espace en HTML : &thinsp (espace étroit)

Petit exemple :

<html>
<head>
</head>
<body>
    <p>php&thinsp;&thinsp;中文网</p>
</body>
</html>
Copier après la connexion

Effet :

Quest-ce que le code de lespace HTML ? Comment écrire du code spatial HTML ? (Résumer)

Explication : Cet espace est relativement mince, a un corps mince et occupe une largeur relativement petite. Il fait un sixième de em de large.

Cinq façons d'écrire des codes d'espace en HTML : &zwnj (largeur nulle sans trait d'union)

Explication : &zwnj est un caractère non imprimable, placé entre deux caractères électroniques texte Entre les caractères, les ligatures qui autrement se produiraient sont supprimées et les deux caractères sont dessinés avec leurs glyphes d'origine.

Six façons d'écrire des codes d'espace en HTML : &zwj (ligature à largeur nulle)

Explication : &zwj est un caractère non imprimable, utilisé dans certaines langues ​​qui nécessitent une composition complexe (comme l'arabe, l'hindi), ce qui fait que les deux caractères qui ne seraient pas coupés auraient un effet de trait d'union.

Je n'écrirai pas d'exemples dans les deux espaces suivants. Si vous souhaitez en savoir plus sur les balises html, vous pouvez vous référer au site Web php chinois manuel html.

Cet article se termine ici. Pour un contenu plus passionnant, veuillez faire attention au site Web php chinois.

Recommandations associées :

code d'espace html

Résumé des symboles spatiaux et des entités de caractères spatiaux en 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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal