HTML peut définir de nombreux éléments de sortie formatés. Par exemple : gras, italique, direction du texte, etc. Ces balises de formatage peuvent être divisées sous deux aspects
Selon la fonction de la balise. , il peut être divisé en :
Balise de formatage du texte
Balise 'Sortie ordinateur'
Citations et définitions de termes Balises
peut être divisé en :
Basé sur le contenu balises de style
Balises basées sur le style physique
Premier aperçu du formatage du texte du point de vue de la mise en œuvre de la fonction de balise .
1. Balise de style basée sur le contenu
Le style basé sur le contenu indique au navigateur que le texte qu'il contient a une signification ou une utilisation particulière. le navigateur appliquera un format cohérent avec la signification, le contexte ou l'utilisation du texte
Les balises de style basées sur le contenu incluent les éléments suivants :
1) < ;abbr> >
2) <acronyme> définit une abréviation qui ne prend que la première lettre
3) <code>
4) <dfn> Marque les définitions de termes ou d'expressions spéciales.
5) <em> Indique au navigateur que le texte qu'il contient est destiné à être mis en évidence.
6) <kbd> représente le texte à saisir à partir du clavier, et le navigateur utilise une police à largeur fixe pour afficher le texte
7) La balise <strong> em>, indiquant la modification du texte. Mais le ton de <strong> est plus fort.
8) <var> >
Le style basé sur le contenu consiste à utiliser différents. Les polices et les formats utilisés pour afficher le texte entouré de balises ont des significations particulières. Si vous souhaitez simplement produire différents effets d'affichage de texte sans ces significations particulières, il est préférable de ne pas les utiliser. Par exemple : <strong> ; indique l'accentuation, et le texte qu'il contient est affiché en gras et en gras. Cependant, si vous souhaitez simplement produire du texte en gras, n'utilisez pas la balise <strong> la balise <b>
2. Les balises basées sur les styles physiques
Les styles basés sur le contenu indiquent au navigateur que ces Les balises représentent des significations spéciales, ce qui peut améliorer le navigateur. Texte réaliste. À des moments particuliers, le texte peut devoir être affiché d'une manière spéciale, ce qui nécessite l'utilisation de 9 styles physiques : gras (gras) italique < Italique) à espacement fixe (monospacé), souligné (souligné), barré (barré) agrandir (plus grand), réduire (plus petit), exposant (exposant), indice (abonné)
gras<b>
grande police <big>
Italique<i>
<s>Supprimer, il n'est plus couramment utilisé, vous pouvez utiliser <del> ><small>small Font
<strike>Soulignement
<sub>Superscript
<sup>Indice
<tt>Police Monospace.
C'est tout pour la division fonctionnelle. Examinons la classification fonctionnelle. Puisqu'il existe de nombreuses balises qui chevauchent les balises ci-dessus, seuls les détails sont donnés ci-dessous. Il n'y a aucune balise ci-dessus.
Balise de formatage du texte.
Balises <b> police
<big> Définir une grande police
<small> Définir une petite police
<em> ;i> Définir la police italique
<strong> Définir une accentuation plus forte
<sub> Définir l'exposant
<sup> ;ins> Définir le mot d'insertion
<del> Définir la suppression
<s> est obsolète
Tag
Description
<code>
<kbd> Définir le code du clavier.
<samp> Définit un exemple de code informatique. <tt> Définir le code de la machine à écrire.
<var>
<pre> Définir le texte préformaté.
<listing> est obsolète. Utilisez plutôt <pre>
<plaintext> est obsolète. Utilisez plutôt <pre>
<xmp> est obsolète. Utilisez plutôt <pre>
Citations, citations et définitions terminologiques
Balises
<abbr>
<acronyme> Définit un acronyme.
<adresse> Définir l'adresse.
<bdo> Définir la direction du texte.
<blockquote> Définir une citation longue.
<q> Définir des citations courtes.
<cite> Définir la citation et la citation.
<dfn> Définir un élément de définition.
Instance :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>
Instance 2 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注释：</b>这些标签常用于显示计算机/编程代码。
</p>
</body>
</html>
section suivante