Maison >interface Web >tutoriel HTML >Styles de polices HTML
Styles de polices HTML
- WBOYoriginal
- 2024-09-04 16:14:25789parcourir
L'article suivant, Styles de polices HTML, fournit un aperçu des styles de police les plus couramment utilisés en HTML. HTML, communément connu sous le nom de HyperText Markup Language, est l'un des langages ou scripts les plus essentiels et les plus critiques, indispensable à la création d'applications Web et de sites Web. C'est comme 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 front-end 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 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 majeur pour rendre un site Web plus convivial et attirer plus de trafic, en plus d'augmenter la lisibilité du contenu. La couleur et la police de caractères dépendent également de l'ordinateur et du navigateur qui les utilise, ainsi que du format HTML La balise est également utilisée pour ajouter le style, la couleur et la taille au texte de votre site Web.
La
La
Regardons quelques-uns des styles de polices HTML de base :
Il existe certaines fonctionnalités et caractéristiques de base associées aux styles de police HTML, à savoir :
1. Définition de la taille de la police
La taille de la police du contenu peut être définie en utilisant les attributs de taille. La valeur acceptée de la plage va de 1, qui est le plus petit nombre, à 7, qui est le plus grand nombre. La taille par défaut de tout type de police est 3.
Exemple,
<!DOCTYPE html> <html> <head> <title>Setting Basic Font Size</title> </head> <body> <font size = "1">Font size = "1"</font><br /> <font size = "2">Font size = "2"</font><br /> <font size = "3">Font size = "3"</font><br /> <font size = "4">Font size = "4"</font><br /> <font size = "5">Font size = "5"</font><br /> <font size = "6">Font size = "6"</font><br /> <font size = "7">Font size = "7"</font> </body> </html>
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 précisé comme :
<font size = "+f"> or by writing <font size = "−f">
Exemple,
<!DOCTYPE html> <html> <head> <title>Relative Font Size</title> </head> <body> <font size = "-1">Font size = "-1"</font><br /> <font size = "+1">Font size = "+1"</font><br /> <font size = "+2">Font size = "+2"</font><br /> <font size = "+3">Font size = "+3"</font><br /> <font size = "+4">Font size = "+4"</font> </body> </html>
3. Définition du visage de la police
L'autre catégorie après le réglage de la taille de police et de la taille relative de la police est celle de la configuration de la police. Cela constitue une partie essentielle des attributs énuméré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,
<!DOCTYPE html> <html> <head> <title>Font Face</title> </head> <body> <font face = "Times New Roman" size = "5">Times New Roman</font><br /> <font face = "Verdana" size = "5">Verdana</font><br /> <font face = "Comic sans MS" size =" 5">Comic Sans MS</font><br /> <font face = "WildWest" size = "5">WildWest</font><br /> <font face = "Bedrock" size = "5">Bedrock</font><br /> </body> </html>
4. Spécifier des polices de caractères alternatives
- Ceci est utilisé pour spécifier différents types de polices 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 plusieurs, en particulier deux ou plus de deux alternatives de police de caractères en répertoriant les noms de polices de caractères, qui sont spécifiquement séparés par une virgule.
- Lorsque la page Web est chargée, le navigateur se chargera 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, qui est Times New Roman, s'affichera avec succès.
Exemple,
<font face = "arial,helvetica"> <font face = "Lucida Calligraphy,Comic Sans MS,Lucida Console">
5. Définition de la couleur de la police
Il s'agit d'un autre attribut qui constitue la partie et le composant essentiels de la liste des polices et des styles HTML. Dans cette police, la couleur est définie en utilisant n'importe quel attribut de couleur ; la couleur requise peut être requise en utilisant le code hexadécimal et le nom de la couleur pour la couleur spécifiée.
Exemple,
<!DOCTYPE html> <html> <head> <title>Setting Font Color</title> </head> <body> <font color = "#FF00FF">This text is in pink</font><br /> <font color = "red">This text is red</font> </body> </html> <basefont>
6. Element
- This element is specific to HTML language and is supposed to provide the webpage with a default font size, typeface, and color for all the parts and components of the documents which are not contained inside the tag.
- The tag could be easily used to override the
settings. - This tag also makes use of color, face and size attributes which will relatively support all the font settings by providing the size of a value of +1 for one size greater or -2 for two sizes smaller.
Example,
<!DOCTYPE html> <html> <head> <title>Setting Basefont Color</title> </head> <body> <basefont face = "arial, verdana, sans-serif" size = "2" color = "#ff0000"> <p>This is the page's default font.</p> <h2>Example of the <basefont> Element</h2> </body> </html>
Conclusion
HTML font and styles are among the most critical components and features that cannot be overlooked and can give a very good shape and design to your website. When we talk about the latest javascript libraries available in the market, they contain all these and several other font and styles. For the basic HTML, this still needs to be done manually. I hope you liked our article. Stay tuned to our blog for more articles like these.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!