Paramètres de police en HTML

HTML est un langage d'écriture de pages Web, et l'un des éléments les plus fondamentaux sont les polices. Grâce au HTML, vous pouvez définir le type, la taille et la couleur de la police pour rendre le contenu du texte plus clair. Cet article présentera en détail comment définir les polices en HTML, ainsi que quelques précautions.

1. Paramètres de police de base en HTML

En HTML, les balises suivantes sont généralement utilisées pour définir les polices de texte :

1. Les balises

sont les balises les plus basiques pour définir les polices. Utiliser Le format est :

Contenu du texte

Parmi eux, l'attribut size est utilisé pour définir la taille de la police, l'attribut color est utilisé pour définir la couleur de la police et la propriété face est utilisée pour définir le type de police. Différents effets de police peuvent être obtenus en spécifiant différentes combinaisons de valeurs d'attribut.

Par exemple :

Il s'agit d'un morceau de texte en rouge, police Arial, taille 4.

2. Tag

La balise peut définir le titre du texte, en utilisant le format suivant :

Contenu du texte

Le le numéro 1 à 6 indique différents niveaux de titres Lors de l'utilisation, vous devez choisir le numéro correspondant en fonction de vos besoins. Par défaut, la taille de la police des titres à différents niveaux deviendra plus petite à mesure que le niveau du titre diminue, mais cela peut être modifié via des feuilles de style CSS ou des styles en ligne.

Par exemple :

Ceci est un titre de premier niveau

Ceci est un titre de deuxième niveau

3. Tag

Contenu du texte

Le texte dans la balise sera automatiquement renvoyé à la ligne et L'espacement supérieur et inférieur sera ajouté par défaut. Rendre la composition plus belle.

2. Attributs de police en HTML

En plus des balises de configuration de police de base, certains attributs en HTML peuvent également être utilisés pour définir les styles de police. Les attributs de police suivants sont couramment utilisés :

1. attribut size

attributsize peut être utilisé pour définir la taille de la police. Sa valeur d'attribut peut avoir sept niveaux de 1 à 7. Plus le nombre est grand, plus la police est grande. Mais sachez que changer la taille de la police affectera la mise en page globale du texte et doit être utilisé avec prudence.

Par exemple :

Il s'agit d'une police de taille 6

2. attribut color

l'attribut color peut être utilisé pour définir la couleur de la police. Les valeurs d'attribut peuvent utiliser des noms de couleur, tels que rouge, vert, etc., ou des valeurs de couleur hexadécimales, telles que #ff0000.

Par exemple :

Ceci est une police rouge

Ceci est une police verte

3. Attribut visage

L'attribut visage peut être utilisé pour définir le type de police, et la valeur de l'attribut peut être une police système ou une police Web. Cependant, il convient de noter que s'il n'y a pas de police définie sur la machine de l'utilisateur, la page Web utilisera à la place la police par défaut, affectant ainsi l'effet visuel global.

Par exemple :

Ceci est la police Arial

Ceci est la police Song Dynasty

4. weight L'attribut

weight peut être utilisé pour définir l'épaisseur de la police, et la valeur de l'attribut peut être normale, grasse ou numérique (comme 100).

Par exemple :

Ceci est une police en gras

5. attribut style

L'attribut style peut être utilisé pour définir des styles de police, tels que l'italique, le soulignement , etc. Les valeurs d'attribut peuvent être en italique, normales, soulignées, etc.

Par exemple :

Ceci est une police italique

Ceci est une police soulignée

6. famille L'attribut

family peut être utilisé pour définir plusieurs types de polices. Lorsqu'une certaine police n'existe pas sur la machine de l'utilisateur, le système sélectionne automatiquement une autre police. Les valeurs des propriétés sont séparées par des virgules.

Par exemple :

Il s'agit de la police Songti ou SimSun

Trois Notes

1. Utilisez CSS pour optimiser les paramètres de police

Bien que cela puisse être. utilisé en HTML Définissez directement le style de police, mais les feuilles de style (CSS) peuvent contrôler les polices de manière plus flexible et plus pratique. De plus, la feuille de style peut définir les attributs de police sous forme de classes ou d'identifiants, puis les appliquer à plusieurs textes, réduisant ainsi considérablement la quantité de code.

Par exemple, définissez le style suivant en CSS :