Polices HTML Les polices jouent un rôle très important en rendant un site Web plus convivial et en augmentant la lisibilité du contenu. Le visage et la couleur de la police dépend entièrement de l'ordinateur et du navigateur utilisés pour afficher votre page, mais vous pouvez utiliser la balise ltfontgt HTML pour ajouter du style, de la taille et de la couleur au texte de votre site Web. Vous pouvez utiliser une balise ltbasefontgt pour définir l'ensemble de votre texte à la même taille, le même visage et la même couleur. La balise police a trois attributs appelés taille, couleur. Et le visage pour personnaliser vos polices. Pour modifier l'un des attributs de police à tout moment dans votre page Web, utilisez simplement la balise ltfontgt. Le texte qui suit restera modifié jusqu'à ce que vous fermez avec la balise ltfontgt. Vous pouvez modifier un ou tous les attributs de police dans une balise ltfontgt. Remarque: Les balises police et basefont sont déconseillées et supposées supprimées dans une future version de HTML. Donc ils ne devraient pas être utilisés plutôt, il est suggéré d'utiliser des styles CSS pour manipuler vos polices. Toutefois, pour des raisons d'apprentissage, ce chapitre explique en détail les polices de caractères et les balises basefont. Définir la taille de la police Vous pouvez définir la taille de la police de contenu à l'aide de l'attribut taille. La plage de valeurs acceptées va de 1 (le plus petit) à 7 (le plus grand). La taille par défaut d'une police est 3. Cela produira le résultat suivant: Taille de police1 Taille de police2 Taille de police3 Taille de police4 Taille de police5 Taille de police6 Taille de police7 Taille de police relative Vous pouvez spécifier le nombre de tailles plus grandes ou le nombre de tailles inférieures à la taille de police prédéfinie. être. Vous pouvez le spécifier comme ltfont sizengt ou ltfont size ngt Cela produira le résultat suivant: Taille de la police 1 Taille de la police1 Taille de la police2 Taille de la police3 Taille de la police4 Définition du caractère de la police Vous pouvez définir le visage de la police en utilisant l'attribut face, Page n'a pas la police installée, ils ne seront pas en mesure de le voir. Au lieu de cela, l'utilisateur affichera la face de police par défaut applicable à l'ordinateur des utilisateurs. Cela produira le résultat suivant: Times New Roman Verdana Comique Sans MS WildWest Bedrock Précisez les polices de caractères de remplacement Un visiteur ne pourra voir votre police que si elles ont cette police installée sur leur ordinateur. Ainsi, il est possible de spécifier deux ou plusieurs alternatives de visage de police en énumérant les noms de visage de police, séparés par une virgule. Lorsque votre page est chargée, leur navigateur affiche la première face de police disponible. Si aucune des polices données n'est installée, il affichera la police par défaut Times New Roman. Remarque: Consultez la liste complète des polices standard HTML. Réglage de la couleur de la police Vous pouvez définir n'importe quelle couleur de police à l'aide de l'attribut de couleur. Vous pouvez spécifier la couleur souhaitée par le nom de couleur ou le code hexadécimal pour cette couleur. Remarque: Vous pouvez consulter une liste complète de noms de couleurs HTML avec des codes. L'élément ltbasefontgt est censé définir une taille, une couleur et une police de caractères par défaut pour toutes les parties du document qui ne sont pas contenues dans une balise ltfontgt . Vous pouvez utiliser les éléments ltfontgt pour remplacer les paramètres ltbasefontgt. La balise ltbasefontgt prend également des attributs de couleur, de taille et de visage et elle prend en charge le réglage relatif de police en donnant à la taille une valeur de 1 pour une taille plus grande ou 2 pour deux tailles plus petites. Cela produira le résultat suivant: Il s'agit de la police par défaut des pages. Exemple de l'élément ltbasefontgt Il s'agit d'un texte noir foncé avec deux tailles plus grandes. Il s'agit d'une police de messagerie, d'une taille plus petite et d'une couleur noire. La propriété font size adjust Maintenant, regardez bien certains des codes de police les moins couramment utilisés. Tout d'abord, la propriété font size adjust. La propriété font size adjust modifie la hauteur x de votre police. Ce code de police peut être utilisé si vous utilisez une police qui est difficile à lire à une taille donnée. L'utilisation de cette propriété peut rendre votre police plus lisible. Note: Au moment de la rédaction, la plupart des navigateurs ne supportent pas cette propriété, par conséquent, ne soyez pas surpris si vous ne pouvez voir aucune différence dans cet exemple. Ce texte n'utilise pas font size adjust. Ce texte a une taille de font size adjust de 0,58. Propriété font stretch Vous pouvez étirer vos polices horizontalement à l'aide de la propriété font stretch. Exemples ci dessous. Note: Au moment de la rédaction, la plupart des navigateurs ne supportent pas cette propriété, par conséquent, ne soyez pas surpris si vous ne pouvez voir aucune différence dans cet exemple. Ce texte n'utilise pas font size adjust. Ce texte utilise font stretch: plus large. Ce texte utilise font stretch: narrower. Ce texte utilise font stretch: extra condensed. Ce texte utilise font stretch: condensé. Ce texte utilise font stretch: semi condensé. Ce texte utilise font stretch: semi développé. Ce texte utilise font stretch: extended. Ce texte utilise font stretch: extra expanded. Ce texte utilise font stretch: ultra développé. La propriété font variant Pour rendre votre texte en petits caractères, utilisez la propriété font variant. Exemple:
No comments:
Post a Comment