Espace de tabulation au lieu de plusieurs espaces insécables (' ') ?

Espace De Tabulation Au Lieu De Plusieurs Espaces Insecables Nbsp



Dans le développement Web, les espaces sont ajoutés dans les documents HTML en utilisant le '   ” code d'entité qui est également appelé espace insécable. Dans certains cas, l'ajout de plusieurs espaces insécables dans le document, comme l'espace de tabulation, est nécessaire. Par conséquent, plusieurs ' ' les codes d'entité peuvent affecter la séquence de code et la netteté du document.

Pour résoudre ces problèmes, il existe plusieurs autres façons d'inclure plusieurs espaces insécables dans le document HTML, telles que ' ”, “ « éléments, CSS » marge-gauche ”, “ rembourrage gauche ” propriétés, et bien d'autres.

Cette étude vous apprendra :







Tout d'abord, nous allons parcourir un exemple qui implémente '   ” pour ajouter des espaces dans le document HTML. Ensuite, parcourez progressivement les illustrations pour démontrer différentes méthodes pour ajouter de l'espace de tabulation.



Comment ajouter des espaces à l'aide de ' ' code d'entité en HTML ?

Pour ajouter des espaces à l'aide de '   ” sur la page HTML, suivez les étapes fournies :



  • Ajoutez un élément div et attribuez-lui une classe ' article ”.
  • Après cela, placez un '

    ” élément pour le titre.

  • Ensuite, ajoutez le '

    ” élément pour ajouter un paragraphe. En début de paragraphe, les espaces sont ajoutés en indiquant le code entité «   ” :

< div classe = 'article' >
< h2 > La connaissance est le pouvoir < / h2 >
< p >     La connaissance est le pouvoir signifie qu'un homme instruit a un contrôle total sur sa vie grâce à la force de la connaissance. < / p >
< / div >

On peut voir que les espaces ont été ajoutés avec succès au début du paragraphe :





Comment ajouter un espace de tabulation à l'aide de l'élément HTML '' ?

Le HTML ' ' est un élément en ligne utilisé pour marquer une partie d'un document. Dans l'exemple en cours, nous avons ajouté l'élément avec le ' languette ' identifiant. Cet élément est stylisé dans le CSS pour produire de l'espace :



< div classe = 'article' >
< h2 >Savoir c'est pouvoir< / h2 >
< p > < portée identifiant = 'languette' >< / portée > La connaissance est le pouvoir signifie qu'un homme instruit a un contrôle total sur sa vie grâce à la connaissance est la force.


Style 'article' div

.article {
marge : automatique ;
largeur : 400 pixels ;
rembourrage : 10px ;
}

Le ' .article » est utilisé pour accéder au «

” tags, qui sont ensuite appliqués avec les propriétés suivantes :

  • ' largeur ” La propriété détermine la largeur de l'élément.
  • ' marge ” La propriété détermine la hauteur de l'élément.
  • ' rembourrage ” génère de l'espace autour du contenu de l'élément.

Identifiant 'onglet' de style

#languette {
rembourrage à gauche : 8 px ;
}

Le ' #languette ' accéder au ' languette ” id de l'élément et appliquez le “ rembourrage gauche ” propriété dessus.

Production

Comment ajouter un espace de tabulation à l'aide de l'élément HTML '
' ?

Le ' ” définit le texte pré-formaté. Le texte de l'élément

 s'affiche tel quel sur la page Web.

Survolez l'exemple en créant d'abord la page HTML :

  • Ajouter le '

    ” pour définir un titre de niveau deux au document.

  • Ensuite, ajoutez le ' ” et spécifiez le contenu avec la mise en forme souhaitée :
< h2 >HTML pré-balise< / h2 >
< pré >
fonction produitFonction ( p1, p2 ) {
retourner p1 * p2 ;
}
< / pré >

Production

Comment ajouter un espace de tabulation à l'aide de la propriété CSS 'margin-left' ?

Pour ajouter de l'espace de tabulation à l'aide du CSS ' marge-gauche ” propriété, suivez la procédure fournie :

  • Tout d'abord, incluez un élément div au document et attribuez-lui une classe ' images ”.
  • À l'intérieur de cet élément div, ajoutez deux autres éléments div avec la classe ' img-1 ' et ' img-2 ' respectivement.
  • Chacun de ces deux éléments div contient des images qui sont spécifiées à l'aide du ' ' étiquette.
  • Celles-ci ' Les balises ' sont associées au ' src ' et ' largeur ' les attributs. L'attribut 'src' spécifie l'URL de l'image et l'attribut 'width' ajuste la largeur de l'image.

Voici le code HTML du scénario décrit ci-dessus :

< div classe = 'images' >
< div classe = 'img-1' >
< image src = '/printemps-images/marguerite-fleur.jpg' largeur = '250' >
< / div >
< div classe = 'img-2' >
< image src = '/printemps-images/fleur-ga8f105f1d_1920.jpg' largeur = '250' >
< / div >
< / div >

La page HTML ressemblera à ceci :

Passons à la section CSS pour ajouter plusieurs espaces au ' img-2 ” classe sans utiliser plusieurs espaces insécables.

Style 'images' div

.images {
largeur : 500 pixels ;
marge : automatique ;
}

Le ' .images ' est utilisé pour accéder au div HTML qui contient le ' images ' classe. L'explication des propriétés indiquées ci-dessus est la suivante :

  • ' largeur ” La propriété détermine la largeur de l'élément.
  • ' marge ” La propriété détermine l'espace autour des côtés de l'élément.

Style 'img-2' div
Accédez à l'élément div en utilisant le ' .img-2 ” :

.img- 2 {
marge gauche : 30 px ;
}

Le ' marge-gauche « propriété avec un » 30px ” la valeur est appliquée à l'élément HTML div ayant la classe “ img-2 ”. Cette propriété ajoutera un espace de 30 pixels à gauche de l'élément.

Ici, le résultat montre que la deuxième image est appliquée avec un peu d'espace au début :

Nous avons élaboré sur l'ajout d'espaces de tabulation au lieu d'utiliser plusieurs espaces insécables '   ”.

Conclusion

En HTML, le '   ” Le code d'entité est couramment utilisé pour ajouter un espace insécable dans le document. Pour éviter d'utiliser ce code d'entité plusieurs fois, il existe d'autres moyens d'ajouter de l'espace de tabulation dans un document. Ces méthodes incluent l'utilisation de HTML ' ”, “ ' éléments, ' marge-gauche ” propriété, et bien d'autres. Ce blog a mentionné plusieurs façons d'aider à ajouter des espaces de tabulation dans le document HTML au lieu d'ajouter plusieurs ' ' codes d'entité.