Maison > Article > interface Web > Modification détaillée de divers formats de polices pour les pages Web HTML_HTML/Xhtml_Production de pages Web
Modification détaillée de divers formats de polices pour les pages Web HTML_HTML/Xhtml_Production de pages Web
- WBOYoriginal
- 2016-05-16 16:43:343801parcourir
Cette section commence par la modification détaillée du texte, afin que les lecteurs puissent comprendre les changements dans les différents formats de police HTML et créer des pages Web plus professionnelles.
4.2 Modifications diverses du texte
Dans la section précédente, nous avons appris différents réglages pour les gros paragraphes, et il semble plus intéressant de modifier le texte lui-même. Cette section commence par la modification détaillée du texte, afin que les lecteurs puissent comprendre les changements dans les différents formats de police HTML et créer des pages Web plus professionnelles.
4.2.1 Balises de base pour le réglage du style de texte—
La balise de base pour définir les styles de police est , et le texte qu'elle contient est la portée du style. Dans l'écriture de code HTML pour débutants, est facilement imbriqué plusieurs fois, comme texte . Une autre situation est l'imbrication d'étiquettes mal alignées, comme
texte
. Afin de standardiser l'écriture du code et d'éviter les erreurs inutiles, les lecteurs doivent être prudents lors de l'apprentissage.4.2.2 Définir la couleur du texte
color est l'un des attributs de la balise , qui permet de définir la couleur du texte. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_color.htm et écrivez le code comme indiqué dans le code 4.7.
Code 4.7 Paramètre de couleur de police : font_color.htm
Texte rouge clair : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte rouge foncé : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte vert clair : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte vert foncé : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte bleu clair : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte bleu foncé : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte jaune clair : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte jaune foncé : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte cyan clair : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte cyan foncé : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte violet clair : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte violet foncé : L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Entrez http://localhost/font_color.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.7.
Figure 4.7 Paramètre de couleur de police
Les lecteurs peuvent non seulement apprendre l'utilisation de l'attribut color dans la balise font du Code 4.7, mais également se familiariser avec les méthodes de représentation des différentes couleurs.
4.2.3 Définir la taille du texte
size est également un attribut de la balise , utilisée pour définir la taille du texte. La valeur de size est comprise entre 1 et 7 et la valeur par défaut est 3. Nous pouvons ajouter des caractères "+" ou "-" avant la valeur de l'attribut size pour spécifier l'incrément ou le décrément par rapport à la valeur initiale de la taille de la police. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_size.htm et écrivez le code comme indiqué dans le code 4.8.
Code 4.8 Paramètre de taille de police : font_size.htm
la taille est 1 : Apprentissage HTML
la taille est 2 : Apprentissage HTML
la taille est 3 : Apprentissage HTML
la taille est 4 : Apprentissage HTML
la taille est de 5 : Apprentissage HTML
la taille est 6 : Apprentissage HTML
la taille est de 7 : Apprentissage HTML
Entrez http://localhost/font_size.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.8.
Figure 4.8 Paramètre de taille de police
Les lecteurs peuvent essayer d'ajouter des caractères "+" ou "-" devant la valeur de taille pour définir la taille du texte de manière plus flexible.
4.2.4 Définir la police du texte
face est également un attribut de la balise , utilisée pour définir la police du texte (style de police). Les polices affichées dans les pages Web HTML sont appelées à partir du système de navigation. Afin de conserver la cohérence des polices, il est recommandé d'utiliser la police Song, et les pages HTML utilisent également la police Song par défaut. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_face.htm et écrivez le code comme indiqué dans le code 4.9.
Code 4.9 Paramètre de police : font_face.htm
La police est de style chanson : Qinyuanchun·Changsha-Mao Zedong
La police est en script régulier : Qinyuanchun·Changsha-Mao Zedong
La police est en gras : Qinyuanchun·Changsha-Mao Zedong
La police est l'écriture officielle : Qinyuanchun·Changsha-Mao Zedong
Entrez http://localhost/font_face.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.9.
Figure 4.9 Paramètre de police
L'auteur définit la taille du texte de la partie de police modifiée à la taille 5 pour la commodité des lecteurs.
4.2.5 Faire incliner le texte
Utilisez des balises doubles pour incliner le texte afin d'obtenir des effets spéciaux, comme la date d'un article. est appelé balise d'accentuation et est également en italique. Il est actuellement utilisé plus fréquemment que la balise . Sa méthode d'écriture est la suivante :
Ceci est un texte en italique
Ceci est également un texte en italique
4.2.6 Rendre le texte en gras
Utilisez des balises doubles pour mettre le texte en gras afin de le rendre plus accrocheur, comme le titre d'un article. est appelé une balise d'emphase spéciale, et le texte est également en gras. Il est actuellement utilisé plus fréquemment que la balise . La méthode d'écriture est la suivante :
Ceci est du texte en gras
C'est aussi du texte en gras
4.2.7 Souligner le texte
Utilisez la double balise pour ajouter un soulignement au texte concerné. Voici un exemple complet de texte en italique, en gras et souligné. Créez un fichier de page Web dans le répertoire D:web, nommez-le 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
Italique : Qinyuanchun·Changsha-Mao Zedong
Gras : Qinyuanchun·Changsha-Mao Zedong
Souligné : Qinyuanchun·Changsha-Mao Zedong
Italique gras souligné : Qinyuanchun·Changsha-Mao Zedong
Entrez http://localhost/font_style.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.10.
Figure 4.10 Paramètres de modification de police
L'auteur définit la taille de tout le texte à la taille 5 pour la commodité des lecteurs.
— Remarque : lorsque plusieurs balises contiennent le même texte, leur ordre d'inclusion ne peut pas être mal placé.
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 particulier. La technologie HTML protège un ensemble de balises de style pour les titres, qui sont des balises doubles
à . La taille du texte, de grande à petite, représente différents niveaux de titres. La balise title a une particularité : elle occupe une ligne exclusive, le texte est en gras et le texte est centré. De cette façon, il est très simple de définir le titre et des titres à plusieurs niveaux peuvent être définis. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_h.htm et écrivez le code comme indiqué dans le code 4.11.
Code 4.11 Paramètre du titre : font_h.htm
Paramètres du titre
Titre n°1
Titre n°2
Titre n°3
Titre n°4
Titre n°5
Titre n°6
Fortune Magazine : Pourquoi Google ne prospérera pas puis déclinera
Rencontrer des problèmes potentiels
Code 4.11 Paramètre du titre : font_h.htm
Titre n°1
Titre n°2
Titre n°3
Titre n°4
Titre n°5
Titre n°6
Fortune Magazine : Pourquoi Google ne prospérera pas puis déclinera
Rencontrer des problèmes potentiels
Certaines personnes du secteur pensent que Google, qui monopolise depuis longtemps le marché de la recherche et de la publicité sur Internet, pourrait prospérer puis décliner. ... Dans le même temps, de nombreux nouveaux projets lancés récemment par Google, tels que l'Open Mobile Alliance, la plate-forme générale pour les sites de réseaux sociaux OpenSocial, et l'investissement possible de milliards de dollars dans des appels d'offres pour les bandes de fréquences sans fil, ont également été largement remis en question.
continuera à monopoliser la recherche
Certains articles disent récemment que si un meilleur moteur de recherche apparaît, les gens abandonneront Google sans hésitation. Mais même si un meilleur moteur de recherche arrive, Google existera encore pendant un certain temps. ...Dans ce cas, la vitesse du site fait souvent la différence entre la victoire et la défaite.
Entrez http://localhost/font_h.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.11.
Figure 4.11 Paramètres du titre
4.2.9 Apprendre à gérer les caractères spéciaux dans les pages Web
En HTML, certains caractères ont des significations particulières. Par exemple, "" sont les crochets gauche et droit de la balise, et la balise contrôle l'affichage du HTML. La balise elle-même ne peut être analysée que par le navigateur et. ne peut pas être utilisé sur la page affichée. Alors, comment afficher « » en HTML ? HTML spécifie comment écrire certains caractères spéciaux afin qu'ils puissent être affichés dans 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
<
™ (symbole de la marque)
™
>
>
® (symbole d'enregistrement)
®
"" (demi-largeur anglaise)
"
×
×
§
§
© (symbole du droit d'auteur)
©
Créez un fichier de page Web dans le répertoire D:web, nommez-le 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
Comment afficher la balise
:
Comment afficher les guillemets : "Guillemets doubles demi-largeurs anglais"
Comment afficher la marque : ™
Comment afficher les symboles d'immatriculation : ®
Comment afficher le symbole du droit d'auteur : ©
Afficher§
Afficher ×
Entrez http://localhost/string.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.12.
Figure 4.12 Paramètres des caractères spéciaux
— Remarque : Pour afficher le symbole & séparément, le code & doit être utilisé.
4.2.10 Comment ignorer plus facilement l'analyse d'une partie du HTML par le navigateur
Si vous créez un exemple de code HTML similaire à celui de ce livre sur une page Web, je crains que vous deviez convertir tous les en < et >, ce qui semble gênant.