Introduction détaillée sur la façon d'insérer des espaces en HTML

Normalement, nous utilisons la barre d'espace pour saisir plusieurs espaces. Lors de l'écriture de code, les espaces saisis par la barre d'espace, la touche Tab et la touche Entrée seront automatiquement ignorés par HTML (Hypertext Markup Language). HTML traite ces clés comme des caractères d'espacement et les affiche sous la forme d'un seul intervalle d'espacement. Bien que CSS propose différents styles d'espacement et d'indentation, il existe également des outils en HTML qui vous permettent de définir vous-même l'espacement.

Méthode 1. Insérez un seul espace et une tabulation

1. Insérez un espace insécable. De manière générale, HTML n'affichera qu'un espace vide entre les mots, quel que soit le nombre de fois que vous appuyez sur la barre d'espace. Lorsque vous devez insérer plusieurs espaces, veuillez saisir le code   Ils sont appelés « espaces réservés ». Si vous en saisissez quelques-uns, ils afficheront quelques espaces sur la page.

est appelé espace insécable car il ne produit pas de caractère de nouvelle ligne. Si vous abusez de cet espacement, le navigateur risque de ne pas être en mesure d'insérer des sauts de ligne de manière nette et lisible.

2. Insérez des espaces de différentes largeurs. Il existe diverses entités de caractères qui permettent aux navigateurs d'afficher des espaces. Différents navigateurs peuvent afficher cela un peu différemment, mais contrairement à  , ils n'affectent pas les sauts de ligne :

  — "enspace" est nommé d'après une unité de mesure typographique, la largeur. espaces ordinaires

  — "em space" a environ la largeur de quatre espaces ordinaires

3. Utilisez des espaces insécables pour simuler des caractères de tabulation. Une façon de générer un paragraphe consiste à insérer quelques espaces avant la première ligne :    . Cette méthode ne fonctionne qu'avec HTML et n'est pas recommandée si vous utilisez CSS (d'autres méthodes seront abordées dans d'autres étapes).

Si le contenu du paragraphe est du texte enrichi, veuillez utiliser la balise "pre".

4. Utilisez CSS pour générer des paragraphes. La marge intérieure ou marge extérieure de CSS indique le format d'affichage spécifique au navigateur, de sorte que l'effet d'affichage est plus cohérent. Même si vous ne connaissez pas très bien CSS et n'avez pas de feuille d'instructions à portée de main, elle peut être facilement ajoutée. Voici les instructions spécifiques pour déplacer un paragraphe entier vers la droite :

Dans la section 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 du document HTML, insérez la commande suivante :

<style>p.indent{ padding-left: 1.8em }</style>

"p.indent" définit un paragraphe (étiqueté p) appelé "indent" (peut être nommé arbitrairement). Les commandes restantes ajoutent un espace de remplissage à gauche du paragraphe.

Renvoie le corps du document HTML. Chaque fois que vous souhaitez ajouter un paragraphe, insérez ce qui suit dans la balise :

<p class="indent"></p> 。

Pour ajuster la quantité d'indentation, changez simplement le nombre "1,8" dans la commande CSS. Le "em" suivant doit être conservé, c'est l'unité représentant la largeur.

Méthode 2. Formater les longs paragraphes

1. Utilisez du texte pré-formaté. L'élément "pre" peut définir un texte préformaté, qui conservera les espaces ou les nouvelles lignes dans le texte. Par conséquent, les espaces ou les touches de saisie saisies dans la balise e03b848252eb9375d56be284e690e873bc5574f69a0cba105bc93bd3dc13c4ec seront affichés sous forme d'espaces ou de sauts de ligne. Vous pouvez l'utiliser pour afficher des exemples de code, de la poésie ou tout autre contenu textuel nécessitant des espaces et des sauts de ligne.

L'un des inconvénients du texte préformaté est sa largeur. Il ne peut pas ajuster la largeur de la page pour s'adapter à la taille de la fenêtre de l'utilisateur comme les langages de balisage hypertexte ordinaires.

2. Créez un caractère de nouvelle ligne. La balise 0c6dc11e160d3b678d68754cc175188a est placée à la fin de la ligne de texte actuelle et insère un simple saut de ligne. Vous pouvez saisir plusieurs balises « br » pour créer plusieurs lignes vides. C'est un bon moyen pour les étudiants HTML novices d'écrire du code, mais lorsque vous apprendrez le CSS, vous constaterez que ce type de code de style HTML obligatoire n'est pas recommandé. ,

3. Utilisez la balise "p" pour définir les paragraphes. L'élément p crée automatiquement un espace blanc avant et après, de sorte que la balise e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 après le texte puisse terminer le paragraphe. La plupart des navigateurs séparent les paragraphes par une ligne vierge, mais cela ne garantit pas un formatage précis.

Conseils

Si vous voyez des symboles supplémentaires "flottant" sur le code lorsque vous examinez enfin le texte et le code, vous devez vérifier attentivement s'il y en a Code incomplet, tel que l'écriture de "0c6dc11e160d3b678d68754cc175188a" au lieu de "25707fc1f6ea836f65777270cfd7e6ff Tutoriel 5db79b134e9f6b82c0b36e0489ee08ed », n'écrivez pas « Espaces 3499910bf9dac5ae3c52d5ede7383485 Tutorial 5db79b134e9f6b82c0b36e0489ee08ed ».

Le caractère sans espacement ( ) est un exemple d'entité de caractère. Vous ne pouvez pas saisir de tels caractères Web à partir du clavier, mais vous pouvez utiliser le code correspondant pour insérer les caractères.

Avertissement

Hypertext Markup Language (HTML) n'affiche pas le saut de ligne Tab ( ) comme prévu. Les pages Web hypertextes standard n'ont pas de sauts de ligne, le caractère « tabulation » n'a donc aucune signification réelle.

Il est préférable d'écrire le langage HTML dans un éditeur de code ou dans un fichier texte brut, sans utiliser le programme de traitement de texte "Word". Lors de l'écriture de code dans un logiciel d'édition de texte, les espaces peuvent se transformer en symboles étranges dans les pages Web, provoquant des erreurs d'affichage. Cela est généralement dû au fait que le programme Word ajoute des données supplémentaires au contenu du texte et que ces informations ne sont pas reconnues par le navigateur Web, ce qui provoque des erreurs d'affichage.

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!