Maison interface Web tutoriel HTML Comment écrire du code spatial HTML ? Résumé de l'expression du code spatial HTML

Comment écrire du code spatial HTML ? Résumé de l'expression du code spatial HTML

Sep 03, 2018 am 10:31 AM
  html

Cet article présente principalement la méthode d'écriture de code des balises d'espace html, et résume également la méthode d'expression de code des espaces html. Ensuite, lisons cet article ensemble.

1. Tout d'abord, parlons de nos codes d'espace les plus couramment utilisés :

Notre code d'espace couramment utilisé est " " qui est affiché sur la page Web sous la forme un espace.

Une entité de caractère courante en HTML est un espace insécable ( ).

Les navigateurs tronquent toujours les espaces dans les pages HTML. Si vous écrivez 10 espaces dans le texte, le navigateur en supprimera 9 avant d'afficher la page. Pour augmenter le nombre d'espaces sur la page, vous devez utiliser l'entité caractère.

HTML  Utilisation de la balise espace :

 Peut définir un espace demi-largeur. En d'autres termes, le navigateur de texte dans l'élément ... sera souligné et présenté à l'utilisateur.

<!-- 一个HTML空格 -->
 
<!-- 两个HTML空格 -->
  
<!-- 多个HTML空格代码复制多个  -->
  ... 

Regardez un exemple de code complet ci-dessous :

<html>
<head>
<title>php中文网  空格</title>
</head>
<body>
在段落开始加空格的效果:<br/>
    空格在网页的排版中经常会被应用到,使用空格符号在段落的开始输入几个空格,就可以实现首行缩进的效
果。<br/>
在文字的中间输入多个空格符号的效果:<br/>
PHP教程的网址是:    //m.sbmmt.com<br/>
在文字的中间直接输入多个半角空格的效果:<br/>
PHP教程的网址是:           //m.sbmmt.com
</body>
</html>

Voyons l'effet dans le navigateur :

Comment écrire du code spatial HTML ? Résumé de lexpression du code spatial HTML

Est-ce que est-il évident qu'il y a des espaces là où il devrait y avoir des espaces, mais les espaces ont disparu lorsque je les ai tapés dans le code ?

Voici comment écrire du code spatial.

2. Voyons maintenant un résumé de la façon dont les codes d'espace HTML sont exprimés :

HTML fournit 4 types d'entités spatiales (entités spatiales), qui ont Largeur différente, l'espace insécable ( ) est la largeur des espaces réguliers et fonctionne dans tous les principaux navigateurs. Plusieurs autres espaces (     ‌‍) ont des largeurs différentes selon les navigateurs.

1. "  "Il s'appelle No-Break Space, le nom complet est No-Break Space. C'est l'espace le plus courant et l'espace auquel la plupart des gens peuvent être exposés. en appuyant sur la touche espace, les espaces générés. En HTML, si vous utilisez la barre d'espace pour générer cet espace, les espaces ne s'accumuleront pas (comptent seulement pour 1). Pour additionner, vous devez utiliser la représentation d'entité html.

La largeur occupée par cet espace est évidemment et fortement affectée par la police.

2. "  " On l'appelle "espace demi-largeur", et son nom complet est En Space en est l'unité de mesure de la typographie, qui est la moitié de la largeur de em. Par définition, cela équivaut à la moitié de la taille de la police (par exemple 8px dans une police de 16px). Nominalement, la largeur de la lettre minuscule n. Cet espace hérite des caractéristiques cohérentes de la famille des espaces : il est transparent. Cet espace a une caractéristique très stable

signifie que la largeur qu'il occupe est exactement la moitié de la largeur chinoise, et il n'est fondamentalement pas affecté. par la police.

3. "  "Il est appelé "espace pleine largeur", et son nom complet est Em Space. Em est l'unité de mesure en typographie, qui équivaut au nombre de points actuellement spécifié. Par exemple, 1 em dans une police de 16 px équivaut à 16 px. Cet espace hérite également des caractéristiques cohérentes de la famille des espaces : il est transparent. Cet espace a également une caractéristique très stable

signifie que la largeur qu'il occupe est exactement 1 largeur chinoise, et il n'est fondamentalement pas affecté par. la police.

4. « » On l'appelle espace étroit et son nom complet est Thin Space. Autant l'appeler un « espace maigre », ce qui signifie que l'espace est relativement mince, a un corps mince et occupe une largeur relativement petite. Il fait un sixième de em de large.

Ce qui précède est un résumé de la façon d'écrire et d'écrire des codes d'espace HTML dans cet article. Si vous avez des questions, vous pouvez les poser ci-dessous.

[Recommandation de l'éditeur]

La balise html tbody est-elle un élément de niveau bloc ? Utilisation de base de la balise HTML tbody

Comment redimensionner les images HTML de manière égale ? Résumé des méthodes de mise à l'échelle des images html img (avec exemples)

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!

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

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser l'attribut async pour le chargement du script en html Comment utiliser l'attribut async pour le chargement du script en html Aug 17, 2025 pm 12:52 PM

TheasyncattributeInhtmlisUsesedToloAndexEcuteExternalJavascriptFilesAsynchronely, permettant à la base de la formulation de trésor-échantillonnage avec

Comment créer un indice et un exposant dans HTML Comment créer un indice et un exposant dans HTML Aug 20, 2025 am 11:37 AM

TOCREATESUBScriptAndSuperscriptTextTextInHtml, usethendtags.1.USETOFORMATSUBScriptText, telasinchemicalformulaslikeh₂o.2.UsetoFormatsUperscriptText, telshesinexponents11.

Comment définir une valeur par défaut pour un élément SELECT HTML Comment définir une valeur par défaut pour un élément SELECT HTML Aug 17, 2025 pm 01:00 PM

Pour définir la valeur par défaut des éléments HTMLSelect, l'élément d'option correspondant doit être marqué avec l'attribut sélectionné; 1. Ajoutez l'attribut sélectionné à l'option que vous souhaitez sélectionner par défaut, comme UnitedStates; 2. Assurez-vous qu'une seule option dans un seul sélection a sélectionné un attribut, et s'il y en a plusieurs, le premier sera l'ordre du code source; 3. L'attribut sélectionné peut être placé n'importe où dans la liste, sans s'y limiter à la première option; 4. Cette méthode convient à la sélection unique et à plusieurs sélections; 5. Si vous devez le définir dynamiquement, vous pouvez utiliser JavaScript pour faire fonctionner l'attribut de valeur, tel que document.QuerySelec

Comment centrer une div dans HTML5? Comment centrer une div dans HTML5? Aug 21, 2025 pm 05:32 PM

TOCENDERADIVHORIZONTALLALEMENT, USEMARGIN: 0AUTOWITHADEFINEDWIDTH.2

Comment désactiver un élément de forme dans HTML Comment désactiver un élément de forme dans HTML Aug 30, 2025 am 08:45 AM

Pour désactiver les éléments de formulaire HTML, vous pouvez utiliser l'attribut désactivé, qui peut empêcher l'interaction de l'utilisateur et la valeur de l'élément ne sera pas soumise avec le formulaire. Cet attribut est de type booléen et peut être directement ajouté pour former des balises d'élément telles que l'entrée, la textarea, la sélection ou le bouton. Par exemple, il peut également être contrôlé dynamiquement via JavaScript, tel que document.getElementById ("MyInput"). Disabled = true. Si l'élément ne peut pas être modifié mais que la valeur est toujours soumise, vous devez utiliser l'attribut ReadOnly. L'attribut désactivé est simple et efficace et largement pris en charge.

Comment restreindre les types de fichiers pour une entrée de téléchargement dans HTML Comment restreindre les types de fichiers pour une entrée de téléchargement dans HTML Aug 24, 2025 am 02:57 AM

Utilisez l'attribut accepter pour limiter le type de téléchargement du fichier HTML, tel que accepter = "image / *" uniquement des images, accepter = ". PDF" permet uniquement PDF, accepter = ". Doc, .Docx, .pdf, .txt" Permet plusieurs types spécifiés Différent, et il est uniquement utilisé pour améliorer la disponibilité plutôt que de remplacer la vérification du serveur.

Comment créer un lien vers une partie spécifique d'une page utilisant des ancres en HTML Comment créer un lien vers une partie spécifique d'une page utilisant des ancres en HTML Aug 31, 2025 am 06:52 AM

TolinktoaspecificPartofapageusingingAnchorsInHtml, AssignAneniqueIdTothetargetElement, telsas, thencreateAyperLinkwithHref = "# section1" toscrolltothatsesection, andforcross-pagelink, usethefullurllikepage.html # section1, assurringsmoothnavigationwithouou

Comment implémenter une carte d'image côté client de base dans HTML Comment implémenter une carte d'image côté client de base dans HTML Aug 26, 2025 am 08:08 AM

Pour implémenter le mappage de base de l'image du client, vous devez suivre les étapes suivantes: 1. Utilisez une balise avec l'attribut UseMap, dont la valeur est "#map nom", telles que

See all articles