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

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

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 "
" au lieu de "

CSS (Cascading Style Sheets) peut fournir un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web (y compris l'espacement dans le texte), permettant une édition meilleure et plus précise des objets de page Web et des styles de modèle.

Ne saisissez pas d'espaces après la balise de début ou avant la balise de fin. Par exemple, lorsque vous saisissez « Espaces Tutoriel », n'écrivez pas « Espaces Tutorial ».

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!