Maison >interface Web >tutoriel HTML >Balise de police en HTML
Balise de police en HTML
- WBOYoriginal
- 2024-09-04 16:27:51424parcourir
La balise de police en HTML est l'un des attributs les plus importants utilisés pour rendre les pages Web ou les documents HTML plus attrayants. Il possède les propriétés permettant de modifier la taille, la couleur et le style du texte inclus. À l’aide d’une balise de police, on peut définir la taille, la couleur et le visage d’une page Web dans le même format de texte. Cette balise fonctionne principalement sur trois attributs majeurs comme la taille, le visage ou le type et la couleur. La balise Font fonctionne comme un élément en ligne en HTML pour modifier certaines fonctionnalités du texte en bloc dans les documents HTML. Le texte entouré de la balise est utilisée pour définir le style du texte qui y est inclus.
Syntaxe :
<font size =" " face =" " color=" ">
- Au-dessus de l'état de la syntaxe, la taille de la police est l'attribut de la syntaxe qui est utilisé pour définir la taille spécifique du texte. Cette taille peut être définie en nombre de 1 à 7, où 1 correspond au plus petit texte et 7 à la plus grande taille de texte. Les attributs de visage dans la balise font utilisés pour définir le type de police dans notre document HTML, tandis que l'attribut color est utilisé pour définir la couleur spécifique du texte inclus.
- HTML
balise utilisée dans la balise étiqueter. Il est défini en utilisant .. balise en HTML.
<body> <p> <font size="2" color="blue" face="Calibri"> </font> </p> </body>
Cette balise prend également en charge les attributs Global et Événement. En outre, il prend en charge d'autres attributs répertoriés ci-dessous :
| Attribute Name | Detail Description |
| Size | This attribute is used to define a specific size for text in between 1 to 7. |
| Face or type | This attribute is used to define the font type for the included text. |
| Color | This attribute is used to show enclosed text in a different color. |
| Weight | This attribute defines the boldness of the text of the font tag. |
La balise Font peut être utilisée de deux manières dans le code HTML, d'abord en incluant la balise de police et sa valeur d'attribut via HTML et ensuite en utilisant la définition de la valeur d'attribut en tant que code CSS. Les deux généreront le même résultat. La seule différence dans la définition de la valeur des attributs.
Exemple n°1
Définition de la balise de police avec sa valeur d'attribut :
<!DOCTYPE html> <html> <head> <title>Font Tag in HTML</title> </head> <body> <h2>Example of Font Tag in HTML </h2> <p>General text without any Font tag attribute value</p> <p> <font color="orange">Text having normal font size and font face . Only changing font color </font> </p> <p> <font face="cursive">Text having different font face.</font> </p> <p> <font size="3">Text with Increased font size having default font type. </font> </p> </body> </html>Code :
Sortie :
Exemple n°2
Définissez la balise font avec sa valeur d'attribut définie via CSS :
<!DOCTYPE html> <html> <head> <title>Font Tag in HTML</title> </head> <body> <h2>Example of Font Tag in HTML using CSS </h2> <p>Someone’s sitting in the shade today because someone plated a tree a long time ago. </p> <p style="color : lightgreen;"> Someone’s sitting in the shade today because someone plated a tree a long time ago. </p> <p style="font-family : Book Antiqua; color: blue; " > Someone’s sitting in the shade today because someone plated a tree a long time ago. </p> <p style="font size:3px;"> Someone’s sitting in the shade today because someone plated a tree a long time ago. </p> </body> </html>Code :
Sortie :
Exemple #3
Dans cet exemple, nous utilisons une balise Font avec une valeur d'attribut size, qui définira le texte de la taille la plus basse à la taille la plus élevée, comme indiqué ci-dessous :
<!DOCTYPE html> <html> <head> <title>HTML font tag</title> </head> <body> <font size = "1">People may doubt what you say, but they will believe what you do.</font><br /> <br/> <font size = "2">People may doubt what you say, but they will believe what you do.</font><br /> <br/> <font size = "3">People may doubt what you say, but they will believe what you do.</font><br /> <br/> <font size = "4">People may doubt what you say, but they will believe what you do.</font><br /> <br/> <font size = "5">People may doubt what you say, but they will believe what you do.</font><br /> <br/> <font size = "6">People may doubt what you say, but they will believe what you do.</font><br/><br/> <font size = "7">People may doubt what you say, but they will believe what you do.</font> </body> </html>Code HTML :
Sortie :
Exemple n°4
<!DOCTYPE html> <html> <head> <title>HTML tag with Font Type attribute</title> </head> <body> <font face = "Comic sans MS"> Correct one fault at a time. Concentrate on the one fault you want to overcome.</font><br/> <font face = "Bernard MT Condensed" color="Red" >Correct one fault at a time. Concentrate on the one fault you want to overcome. </font><br/> <font face = "Algerian">Correct one fault at a time. Concentrate on the one fault you want to overcome. </font><br/> <font face = "Book Antiqua" size="5">Correct one fault at a time. Concentrate on the one fault you want to overcome. </font><br/> <font face = "Aharoni"> Correct one fault at a time. Concentrate on the one fault you want to overcome.</font><br/> <font face = "AR BERKLEY" >Correct one fault at a time. Concentrate on the one fault you want to overcome. </font><br/> </body> </html>Code HTML :
Sortie :
Exemple #5
<!DOCTYPE html> <html> <head> <title>HTML Font tag-Color </title> </head> <body> <font color = "#cc0066"><b>It is terrible thing to see and have no vision</b></font><br> <font color = "#66ff33"><b>Today's preparation </b></font> <br> <font color = "#0000cc"><strong>Success depends on your backbone not your wishbone.</strong></font><br /> <font color = "#cc3300"><b>Patience makes lighter what sorrow may not heal</b></font> <br> <font color = "#666600"><b>Hold fast to dreams, for if dreams die, life is broken winged bird that cannot fly </b></font> <br> </body> </html>Code HTML :
Sortie :
- Conclusion
- Il est utilisé pour afficher du texte dans la même taille, couleur et format de visage. La balise de police va s'afficher en utilisant .. étiquette.
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!