Introduction aux styles de polices HTML

L'article suivant, Styles de polices HTML fournit un aperçu des styles de police les plus couramment utilisés en HTML. Le langage HTML connu sous le nom de langage de balisage HyperText est l'un des langages ou scripts les plus essentiels et les plus essentiels à la création d'applications Web et de sites Web. Cela ressemble à l'épine dorsale du développement d'applications Web, car toutes les balises et autres fonctionnalités en constituent le composant sous-jacent.

Tout le développement frontal est également basé sur des scripts HTML. Cela peut simplement être utilisé pour fournir des balises de balisage et afin d'améliorer l'apparence et la convivialité de ces balises, nous avons une autre bibliothèque très populaire, CSS qui signifie Cascading Style Sheets. Cela peut être utilisé pour implémenter toutes sortes de styles requis par le HTML. La police et les styles constituent la majeure partie du site Web et dans cet article, nous allons vous fournir une liste de la majorité des styles de police HTML.

Styles de police HTML:

Les polices jouent un rôle très important pour rendre un site Web plus convivial et celui qui attire plus de trafic en plus d'augmenter la lisibilité du contenu. La couleur et la face de la police dépendent également de l'ordinateur et du navigateur qui l'utilise et la balise HTML est également utilisée pour ajouter le style, la couleur et la taille au texte de votre site Web.

La balise est utilisée pour définir tout le texte présent sur votre site Web ou à l'intérieur de l'élément à la même taille, couleur et face. La balise de police se compose des trois attributs, à savoir la couleur et la taille du visage, qui constituent à nouveau un élément très critique des différents styles de police présents dans le site Web.

La balise est la plus couramment utilisée et l'une des balises les plus importantes qui peuvent être utilisées pour créer une bonne apparence pour votre page Web. Le texte qui suivra la balise ouverte restera de la même manière sauf et jusqu'à ce qu'il soit fermé par la balise.

Voyons quelques-uns des styles de polices HTML de base:

Il existe quelques fonctionnalités et caractéristiques de base associées aux styles de police HTML, à savoir:

1) Définition de la taille de police:

La taille de la police de contenu peut être définie en utilisant des attributs de taille. La valeur acceptée de la plage va de 1 qui est le plus petit nombre et va jusqu'à 7 qui est le plus grand nombre. La taille par défaut de tout type de police est 3.

Exemple,



Setting Basic Font Size

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

2) Taille de police relative:

La taille de police relative est utilisée pour déterminer et spécifier combien de tailles sont plus grandes et combien de tailles sont plus petites que la taille de police actuelle qui est réellement présente. Cela peut être spécifié comme:

or by writing

Exemple,



Relative Font Size

Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"

3) Définition de la police:

L'autre catégorie après le réglage de la taille de police et de la taille de police relative est celle de la configuration du visage de police. Cela constitue une partie critique des attributs répertoriés ci-dessus. Cela peut être défini en utilisant l'attribut face mais il faut toujours garder à l'esprit que si l'utilisateur désigné pour utiliser cette valeur de police n'a pas cette police installée dans son système, il ne pourra pas la voir . Au lieu de cela, seule la police par défaut applicable à l'ordinateur de cet utilisateur particulier sera visible.

Exemple,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Spécifiez des faces de police alternatives:

  • Ceci est utilisé pour spécifier différents types de faces de police uniquement si l'utilisateur a installé cette police particulière sur son système, sinon, une police installée par défaut sera visible. Il est possible de mentionner plus d'une, en particulier deux ou plus de deux variantes de faces de police en répertoriant les noms de faces de police qui sont spécifiquement séparés par une virgule.
  • Lorsque la page Web est chargée, le navigateur sera responsable d'afficher la toute première police qui sera générée. Si aucune des polices fournies n'est installée dans le système, la police par défaut, Times New Roman, s'affiche avec succès.

Exemple,


5) Définition de la couleur de police:

Il s'agit d'un autre attribut qui constitue la partie critique et le composant de la liste des polices et styles HTML. Dans cette couleur de police est configurée en utilisant n'importe quel attribut de couleur, la couleur requise peut être requise en utilisant un code hexadécimal et un nom de couleur pour la couleur spécifiée.

Exemple,



Setting Font Color

This text is in pink
This text is red

6) Élément:

  • Cet élément est spécifique au langage HTML et est censé fournir à la page Web une taille de police, une police et une couleur par défaut pour toutes les parties et composants des documents qui ne sont pas contenus dans la balise.
  • La balise pourrait être facilement utilisée pour remplacer les paramètres.
  • Cette balise utilise également des attributs de couleur, de visage et de taille qui prendront relativement en charge tous les paramètres de police en fournissant la taille d'une valeur de +1 pour une taille supérieure ou de -2 pour deux tailles inférieures.

Exemples:



Setting Basefont Color

Il s'agit de la police par défaut de la page.

Exemple de l'élément

Conclusion-

La police et les styles HTML sont l'un des composants et des fonctionnalités les plus critiques qui ne peuvent pas être négligés et peuvent donner une très bonne forme et une conception à votre site Web. Lorsque nous parlons des dernières bibliothèques javascript qui sont disponibles sur le marché, elles contiennent toutes ces polices et styles. Pour le HTML de base, cela doit encore être fait manuellement. J'espère que vous avez aimé notre article. Restez à l'écoute sur notre blog pour plus d'articles comme ceux-ci.

Articles recommandés

Cela a été un guide pour les styles de polices HTML. Ici, nous avons discuté de l'introduction et d'une explication détaillée de certaines polices de base du HTML avec des exemples. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus -

  1. Feuilles de style HTML
  2. Attributs HTML
  3. Comment fonctionne HTML
  4. Styles de liste HTML
  5. Blocs HTML