Comment insérer des espaces en HTML

Auteur: Monica Porter
Date De Création: 22 Mars 2021
Date De Mise À Jour: 1 Juillet 2024
Anonim
COMMENT SE SOUVENIR DE TOUT POUR (QUASIMENT) TOUJOURS
Vidéo: COMMENT SE SOUVENIR DE TOUT POUR (QUASIMENT) TOUJOURS

Contenu

Un grand nombre d'espaces qui sont normalement créés à l'aide d'espaces, de touches de tabulation et de touches d'entrée sont tous ignorés dans les langages de programmation Web. HTML les définit tous comme des espaces réguliers entre les mots et n'affiche qu'un seul espace. Alors que CSS permet aux utilisateurs de définir plus de détails sur les espaces et l'alignement, HTML ne dispose pas d'outils intégrés pour personnaliser votre espacement.

Pas

Méthode 1 sur 2: insérer des espaces et des onglets simples

  1. Les espaces d'insertion ne sont pas interrompus. En règle générale, HTML n'affichera qu'un seul espace entre les mots, quel que soit le nombre de fois que vous avez appuyé sur la barre d'espace. Pour afficher plusieurs espaces contigus, tapez ou. Ce code créera un caractère spécial appelé "espace insécable" et il sera toujours affiché.
    • Le caractère ci-dessus est appelé "espace indestructible" car il empêche les sauts de ligne d'être en place. Si vous en faites trop, le navigateur aura du mal à insérer des sauts de ligne de manière ordonnée et verticale.

  2. Insérez des espaces de différentes largeurs. Il existe d'autres caractères d'entité qui nécessitent que le navigateur affiche un espace. La façon dont ces espaces sont affichés dans différents navigateurs est un peu différente, cependant, contrairement aux codes suivants, n'affectera pas le saut de ligne:
    • - est nommé d'après l'espace "N" de l'imprimante (unité de mesure), l'espace "en" est deux fois plus large que l'espace normal.
    • - Espace "em", approximativement égal à quatre espaces.

  3. Simule un onglet avec beaucoup d'espace non destructif. Pour mettre en retrait des paragraphes, vous pouvez insérer des espaces indestructibles consécutivement :. C'est la seule solution si vous n'utilisez que HTML, mais si vous utilisez CSS (décrit séparément dans l'étape ci-dessous), ce sera plus court.
    • S'il y a une présentation complexe du texte, utilisez la balise pre.

  4. Alignez les paragraphes avec CSS. Les propriétés CSS "margin" et "padding" donnent des instructions directement au navigateur, de sorte que les résultats affichés seront plus cohérents. Cette méthode n'est pas difficile à implémenter, à moins que vous ne sachiez rien sur CSS et que votre page ne possède pas de feuille de style. Voici un exemple de comment déplacer un paragraphe entier vers la marge de droite:
    • Dans la section du document HTML, insérez le code suivant:

      où: "p.indent" définit un attribut de texte (balise p) nom "indent" (vous pouvez utiliser un autre nom). Le reste du code ajoute la fonctionnalité de l'espace de «remplissage» sur le côté gauche du paragraphe.
    • Maintenant, revenons au corps du document HTML. Chaque fois que vous souhaitez mettre en retrait un paragraphe (toujours "indent" dans cet exemple), mettez le paragraphe dans ce code:

    • Pour aligner l'espacement d'indentation, modifiez le nombre «1,8» dans le code CSS. Gardez "em" derrière car c'est l'unité de longueur associée à la taille de la police.
    publicité

Méthode 2 sur 2: configurer des espaces plus longs

  1. Utilisez des balises préformatées. N'importe quelle clé espace bien ↵ Entrez est inscrit dans la carte

    s'affichera exactement comme vous tapez. Vous pouvez également utiliser cette balise pour présenter des exemples, des poèmes ou tout autre texte nécessitant une grande précision dans l'espacement et les sauts de ligne.

    • Le principal inconvénient des cartes préformatées est la largeur. Contrairement au HTML standard, le texte pré-formaté ne sera pas redimensionné pour s'adapter à la taille de la fenêtre de l'utilisateur.
  2. Créez un saut de ligne. Carte
    mettra fin à la ligne de texte actuelle. Vous pouvez créer des lignes vides à l'aide de plusieurs balises de saut de ligne. Pour les étudiants novices en HTML, c'est une bonne approche, mais si vous avez appris le CSS, ce format HTML obligatoire n'est pas recommandé.
  3. Identifiez le paragraphe avec la balise "p". La balise entourant le texte identifie ce paragraphe. La plupart des navigateurs séparent le paragraphe par une ligne vide, mais vous ne pouvez pas garantir un format cohérent pour le texte. publicité

Conseil

  • Lors de la dernière vérification de l'affichage sur votre page Web, si vous voyez des caractères redondants dans une position inhabituelle autour de l'extrait de code, vérifiez s'il y a des balises incomplètes, telles que <> au lieu de
    .
  • CSS est un outil plus puissant et proactif pour présenter des pages Web, y compris l'espacement pour le texte.
  • Limitez les espaces soudains derrière une étiquette ouverte ou devant une étiquette fermée. Par exemple, vous devez écrire Spaces Didacticiel pas des espaces Didacticiel .
  • L'espace indestructible est un exemple de caractère d'entité: le code représentant un caractère que vous ne pouvez pas saisir à partir du clavier.

avertissement

  • L'attribut HTML représente la clé Onglet ↹ En fait, pas aussi efficace que vous pourriez le penser. Un document HTML standard n'a pas de taquets de tabulation, donc le caractère de tabulation n'a aucun effet.
  • Écrivez toujours le langage HTML dans un éditeur de code ou un fichier texte brut, n'utilisez pas de formats de traitement de fichier texte. Si vos espaces deviennent des caractères étranges dans votre navigateur Web, cela est probablement dû à un excès de données ajouté par le traitement de texte, qui n'est pas destiné à l'affichage en ligne.