Quel attribut n'est pas utilisé dans la balise font. Couleur de la police HTML. avec les noms de différents modèles

Vignette

Vignette

Plus que d'habitude

Moins que d'habitude

Italique

Italique

Avec trait de soulignement

Barrée

Capacités des attributs de style

En plus des balises décrites, il existe plusieurs autres façons de modifier la police en HTML. L’une d’elles consiste à utiliser l’attribut style générique. A l'aide des valeurs de ses propriétés, vous pouvez définir le style d'affichage des polices :

1) font-family – la propriété définit la famille de polices. Il est possible de lister plusieurs valeurs.
Le changement de la police en HTML vers la valeur suivante se produira si la famille précédente n'est pas installée sur le système d'exploitation de l'utilisateur.

Syntaxe d'écriture :

famille de polices : nom de police [, nom de police [, ...]]

2) taille de la police – la taille est définie entre 1 et 7. C'est l'un des principaux moyens d'augmenter la police en HTML.
Syntaxe d'écriture :

taille de police : taille absolue | taille relative | sens | intérêt | hériter

Vous pouvez également définir la taille de la police :

• En pixels ;
• En termes absolus ( xx-petit, x-petit, petit, moyen, grand);
• En pourcentages ;
• En points (pt).

Taille de police : 7

Taille de la police : 24 px

Taille de la police : x-large

Taille de la police : 200 %

Taille de la police : 24 pts

style de police : normal | italique | oblique | hériter

Valeurs:

• normal – orthographe normale ;
• italique – italique ;
• oblique – police inclinée vers la droite ;
• hériter – hérite de l’orthographe de l’élément parent.

Un exemple de comment changer la police en HTML en utilisant cette propriété :

style de police: hériter

style de police : italique

style de police : normal

style de police : oblique

variante de police : normal | petites capitalisations | hériter

Un exemple de comment changer la police en html avec cette propriété :

variante de police : hériter

variante de police : normale

variante de police : petites majuscules

poids de la police : gras|plus gras|plus clair|normal|100|200|300|400|500|600|700|800|900

Valeurs:

• gras – définit la police HTML en gras ;
• plus audacieux – plus audacieux par rapport à la normale ;
• plus léger – moins saturé par rapport à la normale ;
• normal – orthographe normale ;
• 100-900 – définit l'épaisseur de la police en équivalent numérique.

poids de la police : gras

poids de la police : plus gras

poids de la police : plus léger

poids de la police : normal

poids de la police : 900

poids de la police : 100

Propriété de police HTML et couleur de police

La police est une autre propriété du conteneur. En lui-même, il combinait les valeurs de plusieurs propriétés destinées au changement de polices. syntaxe de police :

police : taille de police famille de polices | hériter

La valeur peut également être définie sur les polices utilisées par le système dans les étiquettes des différents contrôles :

• légende – pour les boutons ;
• icône – pour les icônes ;
• menu - menu ;
• message-box – pour les boîtes de dialogue ;
• small-caption – pour les petits contrôles ;
• barre d'état – police de la barre d'état.

La couleur de la police sur le site peut être définie à l'aide du code HTML. Il y a une balise pour ça Police de caractère. Par définition, une balise Police de caractère sert en quelque sorte de « wrapper » ou de « conteneur » pour le texte, en contrôlant les propriétés dont vous pouvez modifier la conception du texte.

Étiqueter Police de caractère s'applique comme suit :

Générateur de site Web "Nubex"

Le moyen le plus simple de changer la couleur de la police en HTML est d'utiliser l'attribut couleurétiqueter Police de caractère:

Générateur de site Web "Nubex"

Ceci définit la couleur bleue du mot entouré par la balise Police de caractère.

Mais outre le paramètre color, la balise possède d’autres attributs.

Attributs de la balise FONT

Étiqueter Police de caractère n'a que trois attributs :

• couleur- définit la couleur du texte ;
• taille- définit la taille du texte ;
• affronter- spécifie la famille de polices.

Paramètre couleur peut être spécifié par un nom de couleur (par exemple « rouge », « bleu », « vert ») ou un code hexadécimal (par exemple #fa8e47).

Attribut taille peut prendre des valeurs de 1 à 7 (la valeur par défaut est 3, ce qui correspond à 13,5 points pour la police Times New Roman). Une autre option pour spécifier l'attribut est « +1 » ou « -1 ». Cela signifie que la taille sera modifiée par rapport à la base de 1 plus ou moins, respectivement.

Regardons l'utilisation de ces attributs dans notre exemple :

Générateur de site Web "Nubex"

Nous avons appliqué la balise Police de caractère pour un mot, nous le définissons sur la taille 6, la couleur orange et la famille de polices « Serif ».

Définir la couleur du texte à l'aide de CSS

Si vous devez appliquer une mise en forme spécifique (par exemple changer la couleur du texte) à plusieurs zones de texte, alors il sera plus approprié d'utiliser du code CSS. Il existe un attribut de couleur pour cela. Voyons comment l'utiliser dans notre exemple :

Constructeur des sites "Nubex"

Ici, nous définissons une couleur bleue pour le mot « Designer » (sa taille, par défaut, est de 100 % de la base), une couleur verte et une taille de 125 % pour le mot « sites », une couleur orange et une taille de 150% pour le mot « Nubex ».

Aujourd'hui, nous continuerons à considérer diverses balises, à savoir Font, Blockquote, Pre, Strong, Em, B, I et autres, qui permettent le formatage du texte.

Blockquote et pré-formatage HTML

Auparavant (avant même l'avènement du CSS) la balise quote Citation de bloc dans le code HTML, il était utilisé assez souvent, car le fragment de texte qu'il contenait recevait un retrait horizontal, ce qui n'était pas si facile à faire à l'époque en raison de l'impossibilité d'utiliser les propriétés CSS. L'élément Blockquote est apparié et peut contenir à la fois des balises en ligne et des balises de bloc (par exemple, des paragraphes P).

Exemple

Exemple inclus dans Blockquote

De nos jours, la balise Blockquote est toujours utilisée lors de la conception de texte, mais l'apparence des guillemets est généralement définie à l'aide des propriétés CSS spécifiées spécifiquement pour elle dans le fichier de feuille de style de votre modèle de conception. Par exemple, dans le cas de mon blog, dans style.css vous pouvez trouver les lignes suivantes :

#content blockquote(margin:15px 0 20px 0;padding:5px 8px 5px 35px;background:#eaedf0 url(images/quote2.png) non-répétition en haut à gauche;background-position:8px 5px;color:#666;font- taille : 14 px ; largeur : 91 % ; style de police : italique ;) #content blockquote p (couleur : #666 ; taille de police : 14 px ;)

Eh bien, vous pouvez voir à quoi ressembleront les citations incluses dans Blockquote dans le texte de l'article avec une interview avec le responsable.

En plus de la citation en HTML plus tôt (avant l'avènement du CSS), une autre balise de formatage était assez largement utilisée - Centre. Il est apparié (une sorte de conteneur) et bloqué. Il peut contenir n'importe quel élément de texte (à la fois une ligne et un bloc) qui, à la suite de cette action, sera aligné au centre.

Alors maintenant, regardons l'étiquette Pré, qui vous permet de transférer le formatage du texte spécifié directement dans le code source. N'oubliez pas que j'ai dit que tous les in consécutifs (espace, tabulation et saut de ligne) seront remplacés par un seul espace lors de l'analyse du code dans le navigateur.

Ainsi, l'élément Pre désactive le raccourcissement des caractères d'espacement dans la section de texte qui y sera incluse. Ce qui est remarquable est que pour un fragment inclus dans Pre, le navigateur ne coupera pas automatiquement les lignes en utilisant des espaces.

Ceux. toutes les lignes à l'intérieur de l'élément Pre seront considérées comme continues par le navigateur - comme vous l'avez écrit dans le code, c'est ainsi qu'elles seront affichées dans le navigateur. De plus, dans le navigateur, pour afficher une section de texte formatée à l'aide de la balise Pre, une police à espacement fixe, telle que Courier New ou similaire, sera utilisée.

Le formatage dans la balise de code source Les balises Pre sont obsolètes

La balise Pre elle-même est au niveau du bloc, et à l'intérieur (cette balise est appariée), seul le contenu en ligne peut être contenu (c'est-à-dire que les paragraphes P, les titres H1 à H6, etc. ne doivent pas être placés à l'intérieur).

HTML a une autre balise de bloc conçue pour le formatage du texte - Adresse. Selon les normes du validateur, seul le contenu en ligne peut être localisé à l'intérieur de cette balise, qui sera affichée en italique dans le navigateur.

Police - travailler avec la couleur et la police du texte en HTML pur

Strong, Em - balises pour une mise en évidence logique et visuelle dans le texte

Si CSS n'existait pas maintenant, je devrais alors décrire le but de certaines balises de formatage de texte logiques et physiques (visuelles). Mais parce que CSS est désormais déjà utilisé sur la grande majorité des sites, le rôle de telles balises dans le code HTML a déjà été pratiquement réduit à zéro, je vais donc les parcourir rapidement et expliquer pourquoi elles étaient utilisées auparavant (et certaines le sont encore maintenant ).

Les balises visuelles sont conçues pour modifier le style du texte qui sera visible par les visiteurs de votre site, mais auquel les moteurs de recherche ne devraient pas prêter une attention particulière.

Les balises de formatage de texte logique, en théorie, sont orientées pour indiquer tout accents pour les moteurs de recherche. Pour l’utilisateur, la mise en évidence avec ces éléments modifiera également l’apparence des mots surlignés.

Si vous vous en souvenez, il n'y a pas si longtemps, il était conseillé aux optimiseurs de mettre en évidence les endroits importants avec des mots-clés (comme ils devraient être mis en évidence) avec des balises de formatage logique Strong et EM, qui pour l'utilisateur ressembleront à des caractères gras et italiques ordinaires.

Mais pour les faits saillants sans mots-clés, il a été recommandé d'utiliser les éléments HTML « B » et « I », qui, là encore, apparaîtraient en gras et en italique aux utilisateurs, mais n'étaient pas pris en compte par les moteurs de recherche, car ce ne sont pas des balises de formatage logiques.

Maintenant, tout cela ne fonctionne pratiquement plus comme prévu, et nous sélectionnons des mots-clés en utilisant Strong et EM plus par habitude, plutôt que d'espérer vraiment certains dividendes de la part des moteurs de recherche.

Ainsi, en plus des « B » et « I » déjà mentionnés (en gras et italique) à la catégorie mise en forme visuelle Il s'agit notamment de Font, Pre, déjà évoqués au début de l'article, ainsi que des balises :

1. "U" - souligné
2. "Grève" - ​​rayure
3. "Sup" - exposant
4. "Sous" - indice
5. "Tt" - police monospace
6. "Grand" - augmente la police
7. "Petit" - réduisez la police

Eh bien, regardons maintenant la liste des éléments formatage logique texte:

1. "Em" - mise en évidence logique des fragments importants en italique
2. « Fort » est la même chose, mais il ne ressortira qu'en gras
3. "Citer" - mettre les guillemets en italique
4. "Code" - conçu pour afficher divers codes avec une police à espacement fixe
5. "Samp" - pour mettre en évidence plusieurs caractères avec une police à espacement fixe
6. "Abbr" - l'attribut Title de cette balise contient le décodage d'une abréviation (comme CSS ou Html, qui sont lus par des lettres, et non comme un seul mot). Les mots écrits dans le titre apparaîtront lorsque vous déplacerez le curseur de la souris sur cette abréviation.
7. « Acronyme » est la même chose, mais est utilisé pour les acronymes, c'est-à-dire abréviations qui ne sont pas lues par des lettres, mais comme un mot (par exemple, MKAD ou Gai)
8. "Kbd" - utilisé pour afficher le texte saisi par l'utilisateur du site à partir du clavier dans une police monospace
9. "Var" - utilisé pour mettre en italique les variables dans certains codes
10. "Supprimer" - surbrillance barrée lorsque vous souhaitez montrer qu'un fragment a été supprimé après la publication du document HTML
11. "Ins" - soulignant quand vous devez montrer qu'un élément a été inséré après la publication du document HTML

Je répète encore une fois que ces balises de formatage sont pour la plupart très rarement trouvées lors de l'écriture de code de nos jours, mais il n'est néanmoins pas superflu de connaître leur objectif.

Bonne chance à toi! A bientôt sur les pages du site blog

Vous pourriez être intéressé

Caractères d'espacement et leur formatage du code en HTML, ainsi que les caractères d'espacement insécables spéciaux et autres mnémoniques
Comment les couleurs sont définies dans le code HTML et CSS, sélection des nuances RVB dans les tableaux, sortie Yandex et autres programmes Select, Option, Textarea, Label, Fieldset, Legend - Balises HTML pour le formulaire de listes déroulantes et de champs de texte
Listes en code Html - Balises UL, OL, LI et DL
Comment créer un lien hypertexte (A, Href, Target blank), comment l'ouvrir dans une nouvelle fenêtre du site, et aussi faire d'une image un lien en code Html
Tableaux en HTML - Balises Table, Tr et Td, ainsi que Colspan, Cellpadding, Cellspacing et Rowspan pour les créer
Balises et attributs des rubriques H1-H6, ligne horizontale Hr, saut de ligne Br et paragraphe P selon la norme Html 4.01
Qu'est-ce que le langage de balisage hypertexte HTML et comment afficher une liste de toutes les balises dans le validateur W3C
Img - Balise HTML pour insérer une image (Src), aligner et enrouler le texte autour d'elle (align), ainsi que définir l'arrière-plan (background)
Directives de commentaires et Doctype en code HTML, ainsi que la notion d'éléments bloc et inline (balises)

Élément (de l'anglais Police de caractère- police) est un conteneur permettant de modifier les caractéristiques de la police, telles que la taille, la couleur et la police de caractères.

Cet élément est obsolète, veuillez utiliser des styles à la place.

Syntaxe

Texte

Balise de fermeture

Requis.

Exemple

P. La première lettre de cette phrase est écrite en police Arial, surlignée en rouge et agrandie.