Comment définir la police HTML

PHPz

Libérer： 2023-05-15 16:47:08

original

3812 Les gens l'ont consulté

HTML (Hypertext Markup Language) est le langage de base pour créer des pages Web, qui peut être utilisé pour définir la structure, la mise en page, le style et les fonctionnalités de la page.

La police est un élément important dans la conception Web, elle peut affecter l’expérience de lecture du contenu Web par les utilisateurs. Par conséquent, il est nécessaire de définir des polices appropriées pour garantir que le contenu de la page Web soit clair et facile à lire. Cet article explique comment définir les polices HTML.

1. Balise de police HTML

Dans les fichiers HTML, vous pouvez utiliser des balises pour définir la police du texte. Les balises de police couramment utilisées sont les suivantes :

Balise : utilisée pour contrôler la police, la taille, la couleur du texte, etc.

Balises

à

: utilisées pour définir la taille de la police et le style du titre. Balises

et : utilisées pour mettre en valeur le contenu du texte, les styles de police peuvent être définis via CSS.

2. Balise

est la balise la plus basique pour définir les polices en HTML. Elle possède les attributs suivants :

size : définit la taille de la police, qui peut être définie par des valeurs numériques. valeur ou taille relative, telle que size="+1" signifie une taille plus grande que la police d'origine.
color : définissez la couleur de la police, vous pouvez utiliser un nom hexadécimal ou un nom de couleur, tel que color="#FF0000" pour le rouge.
face : définissez la famille de polices (c'est-à-dire le nom de la police). Vous pouvez utiliser plusieurs noms de police et les faire correspondre d'avant en arrière en fonction de la priorité. Par exemple, face="Microsoft YaHei, SimHei" signifie que la police Microsoft YaHei sera utilisée. S'il n'existe pas de police de ce type dans le système, utilisez d'abord le caractère gras.

Ce qui suit est un exemple d'utilisation de balise :

<font size="+1" color="#FF0000" face="Microsoft YaHei, SimHei">这是一段红色、加大字号、优先使用微软雅黑字体的文本。</font>

Copier après la connexion

Trois balises

la page Web, dont les tailles de police sont classées par ordre relatif de grande à petite,

ayant la plus grande police et

Ce qui suit est un exemple d'utilisation de la balise

<h1>这是一级标题</h1>

Copier après la connexion

IV. Feuille de style CSS

Bien que les paramètres de police en HTML soient simples et intuitifs, en utilisation réelle, les attributs de police doivent être modifiés fréquemment, ce qui rendra le fichier HTML trop long et déroutant. Pour résoudre ce problème, vous pouvez utiliser CSS (Cascading Style Sheets) pour styliser les polices.

CSS est un langage utilisé pour décrire l'effet d'affichage des pages Web. Il peut contrôler le mode d'affichage de divers éléments en HTML, notamment les polices, les couleurs, l'espacement, les bordures, etc.

Ce qui suit est un exemple de feuille de style utilisant CSS pour définir les polices :

body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

Copier après la connexion

Dans l'exemple ci-dessus, la famille de polices est définie via l'attribut font-family, plusieurs noms de polices sont utilisés, selon à la priorité Match d’avant en arrière. L'attribut font-size définit la taille de la police en pixels. L'attribut color définit la couleur de la police, en utilisant la notation hexadécimale. font-family属性定义了字体系列，使用了多个字体名称，根据优先级从前往后匹配。font-size属性定义了字体大小，使用了像素作为单位。color属性定义了字体颜色，使用了十六进制表示法。

可以将CSS样式表放在HTML文件头部的<head>

Vous pouvez placer la feuille de style CSS dans la balise <head> en tête du fichier HTML, comme indiqué ci-dessous :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的网页</title>
        <style type="text/css">
            body {
                font-family: "Microsoft YaHei", Arial, sans-serif;
                font-size: 14px;
                color: #333;
            }
        </style>
    </head>
    <body>
        <p>这是一个段落</p>
    </body>
</html>

Copier après la connexion

Vous pouvez retrouver cela dans l'exemple ci-dessus, le code HTML est plus concis et clair, et en même temps les feuilles de style CSS peuvent être réutilisées, ce qui rend la maintenance du code plus pratique.

5. Résumé

La définition des polices dans les documents HTML peut être réalisée via des balises ou des feuilles de style CSS. La balise peut définir la taille, la couleur et la série de la police, les balises