Modification détaillée de divers formats de police des pages Web HTML

Auteur：Eve Cole Date de mise à jour：2025-06-07 00:48:02

Cette section commence par la modification détaillée du texte, permettant aux lecteurs de saisir les modifications dans divers formats de police de HTML et de créer des pages Web plus professionnelles.

4.2 Modification de texte diversifiée

Dans la section précédente, j'ai appris divers paramètres de grands paragraphes, qui semblaient plus attrayants pour le texte lui-même. Cette section commence par la modification détaillée du texte, permettant aux lecteurs de saisir les modifications dans divers formats de police de HTML et de créer des pages Web plus professionnelles.

4.2.1 Étiquettes de base pour les paramètres de style de texte - 

La balise de base pour régler les styles de police est , et le texte qui y est contenu est la zone d'action de style. Dans la rédaction du code HTML pour les débutants, est facilement imbriqué par plusieurs sources, telles que <attribut Font 1 = Value 1> Text . Une autre situation est le désalignement de nidification de l'étiquette, tel que texte . Afin de normaliser la rédaction du code et d'éviter les erreurs inutiles, les lecteurs doivent être prudents lors de l'apprentissage.

4.2.2 Réglez la couleur du texte

La couleur est l'un des attributs de la balise , qui est utilisé pour définir la couleur du texte. Créez un fichier de page Web dans le répertoire D: / Web / nommé FONT_COLOR.htm, et écrivez le code comme indiqué dans le code 4.7.

Code 4.7 Réglage de la couleur de la police: font_color.htm

<html>

<adal>

<Title> Paramètres de couleur de police </Title>

</ head>

<body>

Texte rouge clair: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte Crimson: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte vert clair: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte vert foncé: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte bleu clair: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte bleu foncé: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte jaune clair: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte jaune foncé: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte cyan léger: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte bleu foncé: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte violet clair: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

Texte du violet foncé: L'essence de l'apprentissage HTML est d'utiliser tout ce qu'il devrait être

</docy>

</html>

Entrez http: //localhost/font_color.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.7.

Figure 4.7 Paramètres de couleur de police

Les lecteurs peuvent non seulement apprendre comment l'attribut de couleur est utilisé dans la balise de police du code 4.7, mais aussi connaître les méthodes de représentation de différentes couleurs.

4.2.3 Réglez la taille du texte

La taille est également une propriété de la balise , qui est utilisée pour définir la taille du texte. La valeur de la taille est 1-7, et la valeur par défaut est 3. Nous pouvons ajouter + et - caractères avant la valeur d'attribut de taille pour spécifier l'incrément ou la décrémentation par rapport à la valeur initiale de la taille de la police. Créez un fichier de page Web dans le répertoire d: / web /, nommé Font_size.htm, et écrivez le code comme indiqué dans le code 4.8.

Code 4.8 Réglage de la taille de la police: font_size.htm

<html>

<adal>

<Title> Paramètres de taille de police </Title>

</ head>

<body>

La taille est 1: HTML Learning

La taille est de 2: HTML Learning

La taille est de 3: HTML Learning

La taille est de 4: HTML Learning

La taille est de 5: HTML Learning

La taille est de 6: HTML Learning

La taille est de 7: HTML Learning

</docy>

</html>

Entrez http: //localhost/font_size.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.8.

Figure 4.8 Paramètres de taille de police

Les lecteurs peuvent essayer d'ajouter des caractères + et - avant la valeur de taille pour définir la taille du texte de manière plus flexible.

4.2.4 Définissez la police du texte

La face est également une propriété de la balise , qui est utilisée pour définir des polices de texte (polices). Les polices affichées dans les pages Web HTML sont appelées à partir du système de navigation, donc afin de garder la police cohérente, il est recommandé d'utiliser la police de chanson et les pages HTML utilisent également la police de chanson par défaut. Créez un fichier de page Web dans le répertoire d: / web /, nommé Font_face.htm, et écrivez le code comme indiqué dans le code 4.9.

Code 4.9 Paramètres de police de police: FONT_FACE.htm

<html>

<adal>

<Title> Paramètres de police de police </TITAL>

</ head>

<body>

La police est Song Font: Qinyuanchun · Changsha-Mao Zedong

La police est à Kaishi: Qinyuanchun · Changsha-Mao Zedong

La police est audacieuse: Qinyuanchun · Changsha-Mao Zedong

La police est lisu: Qinyuanchun · Changsha-Mao Zedong

</docy>

</html>

Entrez http: //localhost/font_face.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.9.

Figure 4.9 Paramètres de police

L'auteur définit la taille du texte de la police modifiée au n ° 5 pour les lecteurs à afficher.

4.2.5 Faire l'inclinaison du texte

L'utilisation de tags doubles peut incliner le texte à appliquer, réalisant des effets spéciaux, tels que la date de l'article. est appelé une balise d'accent et en italique. Il est actuellement utilisé plus fréquemment que les balises . La méthode d'écriture est la suivante:

c'est du texte italique

c'est aussi italique

4.2.6 rendre le texte audacieux

L'utilisation de tags doubles peut rendre le texte appliqué audacieux, ce qui rend le texte plus accrocheur, comme le titre de la partie de l'article. est appelé un accent particulier sur les étiquettes, et il est également audacieux dans le texte. Il est actuellement utilisé plus fréquemment que les balises . La méthode d'écriture est la suivante:

c'est du texte audacieux

c'est aussi du texte audacieux

4.2.7 Soulignez le texte

Utilisez des tags doubles pour ajouter des soulignements au texte appliqué. Ce qui suit est un exemple complet d'inclinaison du texte, audacieux et souligné. Créez un fichier de page Web dans le répertoire d: / web /, nommé FONT_STYLE.htm, et écrivez le code comme indiqué dans le code 4.10.

Code 4.10 Paramètres de modification du texte: FONT_STYLE.htm

<html>

<adal>

<Title> Paramètres de modification des polices </TITAL>

</ head>

<body>

Italique: Qinyuanchun · Changsha-Mao Zedong

Gras: qinyuanchun · changsha-mao zedong

Sous-estimé: Qinyuanchun · Changsha-Mao Zedong

Italic gras souligne: Qinyuanchun · Changsha-Mao Zedong

</docy>

</html>

Entrez http: //localhost/font_style.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.10.

Figure 4.10 Paramètres de modification de la police

L'auteur définit toutes les tailles de texte dans <body> </body> au n ° 5 pour les lecteurs à afficher.

- Remarque: Lorsque plusieurs balises contiennent le même morceau de texte, leur ordre d'inclusion ne peut pas être mal aligné.

4.2.8 Utilisation de plusieurs styles de titre

Dans les articles Web, afin de souligner l'importance du titre, le style du titre est relativement spécial. La technologie HTML protège un ensemble de balises de style pour les titres, à savoir les tags doubles <h1> à <h6>, et les tailles de texte représentent différents niveaux de titres de grand à petit. La balise de titre a une fonctionnalité, qui est exclusive à une ligne, audacieuse dans le texte et au centre du texte. De cette façon, il est facile de définir le titre et peut définir des titres à plusieurs niveaux. Créez un fichier de page Web dans le répertoire d: / web /, nommé FONT_H.htm, et écrivez le code comme indiqué dans le code 4.11.

Code 4.11 Paramètres de titre: FONT_H.HTM

<html>

<adal>

<Title> Paramètres de titre </TITME>

</ head>

<body>

<h1> titre n ° 1 </h1>

<h2> titre n ° 2 </h2>

<h3> titre n ° 3 </h3>

<h4> titre n ° 4 </h4>

<h5> titre n ° 5 </h5>

<h6> titre n ° 6 </h6>

<h1> Fortune Magazine: pourquoi Google ne tombe-t-il pas après sa prospérité? </h1>

<h3> Rencontre des problèmes potentiels </h3>

& nbsp; & nbsp; & nbsp; & nbsp; Certains initiés de l'industrie croient que Google peut diminuer après un monopole à long terme sur le marché de la recherche et de la publicité sur Internet. ... Dans le même temps, les récents plans récents de Google, tels que l'Open Mobile Alliance, la plate-forme universelle du site Web de réseautage social OpenSocial, et l'investissement possible de milliards de dollars dans les enchères pour la bande de fréquences sans fil, ont également été largement remis en question.

<h3> continuera de monopoliser la recherche </h3>

& nbsp; & nbsp; & nbsp; & nbsp; Les articles récents disent que si de meilleurs moteurs de recherche apparaissent, les gens abandonneront Google sans hésitation. Mais même s'il y a vraiment de meilleurs moteurs de recherche, Google peut toujours rester ferme pendant un certain temps. ... Dans ce cas, la vitesse du site Web devient souvent la clé du résultat.

</docy>

</html>

Entrez http: //localhost/font_h.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.11.

Figure 4.11 Paramètres de titre

4.2.9 Apprenez à gérer les caractères spéciaux dans les pages Web

Dans HTML, certains caractères ont des significations spéciales, telles que <et> sont les supports gauche et proches de la balise, tandis que la balise contrôle l'affichage de HTML. La balise elle-même ne peut être analysée que par le navigateur et ne peut pas être affichée sur la page. Alors, comment afficher <et> dans HTML? HTML spécifie la façon d'écrire des caractères spéciaux à afficher sur les pages Web, comme indiqué dans le tableau 4.1.

Tableau 4.1 Caractères spéciaux en HTML

Symboles spéciaux

Code html

Symboles spéciaux

Code html

& lt;

™ (symbole de marque)

&commerce;

& gt;

® (symbole d'enregistrement)

& Reg;

(Demi-largeur en anglais)

& quot;

&fois;

&secte;

&copie;

Créez un fichier de page Web dans le répertoire d: / web /, nommé String.htm, et écrivez le code String.htm comme indiqué dans le code 4.12.

Code 4.12 Paramètres des caractères spéciaux: String.htm

<html>

<adal>

<Title> Paramètres de caractères spéciaux </Title>

</ head>

<body>

Comment afficher les balises: & lt; html & gt;

Comment afficher les citations: "Anglais Half-largeth Double Quotes"

Méthode d'affichage des marques: & Trade;

Comment afficher les symboles d'enregistrement: & reg;

Comment afficher les symboles du droit d'auteur: & copier;

Show & sect;

Spectacle & Times;

</docy>

</html>

Entrez http: //localhost/string.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.12.

Figure 4.12 Paramètres de caractères spéciaux

- Description: Les symboles doivent être affichés séparément et doivent être utilisés avec le code & amp;.

4.2.10 Comment ignorer plus commodément l'analyse du navigateur de certains HTML

Si vous faites un exemple de code HTML similaire à ce livre sur une page Web, vous devrez peut-être convertir tous les <et> en & lt; Et cela semblera plus gênant. <DayText> et <XMP> </ xmp> Dans le code HTML peuvent facilement résoudre ce problème.

<SeudText> est une seule balise. Lorsqu'il est inséré dans le code HTML, toutes les balises HTML après être invalides. C'est-à-dire que le navigateur n'analyse pas toutes les balises HTML après <mendExt> et les affiche directement sur la page.

<xmp> </xmp> est une double balise, qui invalide uniquement les balises dans le contenu qu'il contient, et l'utilisation de <xmp> </xmp> est plus courante. Créez un fichier de page Web dans le répertoire d: / web /, nommé html.htm, et écrivez le code comme indiqué dans le code 4.13.

Code 4.13 Ignorez les paramètres des balises: html.htm

<html>

<adal>

<Title> Ignorez les paramètres des balises </TITME>

</ head>

<body>

<h2> qinyuanchun · changsha </h2>

<XMP> Indépendamment de l'automne froid, Aller au nord de la rivière Xiangjiang , la tête de l'île Orange. Regardez les montagnes rouges et les forêts sont teintes; La rivière est verte et claire, et des centaines de bateaux rivalisent pour le courant. </ xmp>

Les aigles frappent le ciel, les poissons nagent dans le fond peu profond et toutes sortes d'espèces rivalisent pour la liberté dans le ciel de gel. Quand je suis triste de la vaste terre, qui est responsable des hauts et des bas?

J'ai amené des centaines de couples à voyager et j'ai rappelé les dernières années glorieuses. Les camarades de classe sont jeunes, à leur apogée; Le savant est plein d'enthousiasme et de courage. Dites au pays et inspirer les mots, <r /> le fumier de la saleté était de dix mille ménages à l'époque. Vous êtes-vous déjà rappelé que lorsque vous avez frappé l'eau au milieu, les vagues cesseront de bateaux volants!

</docy>

</html>

Entrez http: //localhost/string.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.13.

Figure 4.13 Ignorer les paramètres des balises

4.2.11 Autres méthodes de modification du texte

Pour répondre aux besoins de différents champs, HTML a d'autres balises qui modifient le texte. Les plus couramment utilisées sont les étiquettes de format Exposcript et les étiquettes de format d'indice. Dans certains cas, vous devez même utiliser l'effet de suppression, et vous pouvez utiliser la balise HTML à mi-parcours.

- La balise de format Exposcript est la double balise , qui est principalement utilisée pour représenter des exposants mathématiques, tels que le carré ou le compteur cubique d'un certain nombre.

- L'étiquette du format d'indice est à double étiquette <boup> , qui est principalement utilisée pour l'annotation et la représentation de base mathématique.

- L'étiquette à mi-score est à double étiquette <frève> </rède>, qui est principalement utilisée pour les effets de suppression.

Créez un fichier de page Web dans le répertoire d: / web /, nommé autre.htm, et écrivez le code comme indiqué dans le code 4.14.

Code 4.14 Autres paramètres de la balise de modification: Autre.htm

<html>

<adal>

<Title> Autres paramètres pour modifier les balises </TITME>

</ head>

<body>

Qinyuanchun Changsha !

Représentation de l'index mathématique: 2 3 = 8, 100 2 = 10000 <hr />

Qinyuanchun changsha !

Représentation des nombres de base mathématiques: log 3 81 = 4, log 5 125 = 3 <r /> <hr />

Effet de suppression: <frève> J'ai été supprimé </frched>

</docy>

</html>

Entrez http: //localhost/other.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.14.

Figure 4.14 Paramètres des autres balises de modification