Styles de polices HTML
Sep 04, 2024 pm 04:14 PML'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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'image non affichée est généralement causée par un mauvais chemin de fichier, un nom ou une extension de fichier incorrect, des problèmes de syntaxe HTML ou un cache de navigateur. 1. Assurez-vous que le chemin SRC est cohérent avec l'emplacement réel du fichier et utilisez le chemin relatif correct; 2. Vérifiez si le cas de fichier et l'extension correspondent exactement et vérifiez si l'image peut être chargée en entrant directement l'URL; 3. Vérifiez si la syntaxe TAG IMG est correcte, assurez-vous qu'il n'y a pas de caractères redondants et que la valeur d'attribut ALT est appropriée; 4. Essayez de forcer l'actualisation de la page, de nettoyer le cache ou d'utiliser le mode incognito pour éliminer les interférences du cache. Le dépannage dans cet ordre peut résoudre la plupart des problèmes d'affichage d'image HTML.

?oucannotnesttagssisideanothertagbecauseit’sinvalidhtml; browsersautomatiquematethethefirstbeforeOpiningtheenxt, résultant de laparateParagraphs.

Pour créer une liste HTML non ordonnée, vous devez utiliser une balise pour définir un conteneur de liste. Chaque élément de liste est enveloppé d'une balise et le navigateur ajoutera automatiquement des balles; 1. Créez une liste avec une balise; 2. Chaque élément de liste est défini avec une balise; 3. Le navigateur génère automatiquement des symboles de points par défaut; 4. Les sublilistes peuvent être mis en ?uvre par le biais de la nidification; 5. Utilisez l'attribut de type de style liste de CSS pour modifier le style de symbole, tel que le disque, le cercle, le carré ou aucun; Utilisez ces balises correctement pour générer une liste standard non ordonnée.

THECONTANTITABLEATTRIBUTEMAKESANYHTMLEMéMéRITéBYADDING CONTANTITALLE = "VRUE", permettant à la réception de codomente detteurthebrowser.

SémantichtmlimprovesbothseoandaccessibilityByusing a été ultime

La balise Schema.org aide les moteurs de recherche à comprendre le format de données structuré du contenu de la page Web via des balises sémantiques (telles que la portée de l'élément, le type d'élément, ItemProp); Il peut être utilisé pour définir le vocabulaire personnalisé, les méthodes incluent l'extension des types existants ou l'utilisation de Type supplémentaire pour introduire de nouveaux types; Dans les applications réelles, en gardant la structure claire, en utilisant d'abord les attributs officiels, tester la validité du code et garantir que les types personnalisés sont accessibles; Les précautions comprennent l'acceptation de soutien partiel, d'éviter les erreurs d'orthographe et de choisir un format approprié tel que JSON-LD.

UsetheelementwithinatagtocreatEasanticsearchField.2. y comprisaForAccesssibility, settheform'sactionandMethod = "get" attributestosenddatatoesearchndpointwithAsharableArl.3.Addname = "Q" todefinetheQueryParameter, usePlaceHolderToguiseUd

rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu
