Maison > interface Web > tutoriel HTML > le corps du texte

Plusieurs façons d'insérer des espaces en HTML

小云云
Libérer: 2017-11-17 16:29:47
original
7673 Les gens l'ont consulté

Concernant le HTML, en tant que programmeurs, nous l'utilisons tous. Dans cet article, nous présentons principalement deux méthodes d'insertion d'espaces en HTML pour les étudiants qui débutent.

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 :

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

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 des sauts de 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.

Si vous voyez des symboles supplémentaires "flotter" sur le code lorsque vous examinez finalement le texte et le code, vous devez vérifier soigneusement s'il y a du code incomplet, comme l'écriture de "
" fr".

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 la page Web et styles de modèles.

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 Tutoriel ».

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.

En fait, ce que nous savons sur le HTML n'est pas difficile, mais nous pouvons en gros l'utiliser. J'espère que ces petites connaissances pourront vous aider à poser des bases solides.

Recommandations associées :

Code d'espace html

De nombreuses formes d'espaces html_html/css_WEB-ITnose

Exemple d'analyse de la façon de conserver les espaces et les sauts de ligne dans les pages 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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!