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