Maison > interface Web > tutoriel HTML > Explication détaillée d'exemples de formatage de texte HTML

Explication détaillée d'exemples de formatage de texte HTML

php中世界最好的语言
Libérer: 2018-01-20 11:21:20
original
2169 Les gens l'ont consulté

Cette fois, je vais vous apporter un exemple détaillé de formatage de texte HTML, et quelles sont les notes pour le formatage de texte HTML Ce qui suit est un cas pratique, jetons un coup d'œil. .

1. Formatage du texte : cet exemple montre comment formater le texte dans un fichier HTML

<html>  
  
<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>
Copier après la connexion

2. Texte préformaté : cet exemple montre comment utiliser la balise pre pour vider les lignes et les espaces. sont contrôlés.

<html>  
  
<body>  
  
<pre class="brush:php;toolbar:false">  
这是   
预格式文本。   
它保留了      空格   
和换行。   

pre 标签很适合显示计算机代码:

  
for i = 1 to 10   
     print i   
next i   
Copier après la connexion

3. Étiquette « Sortie ordinateur » : Cet exemple montre les effets d'affichage de différentes étiquettes « Sortie ordinateur ».

<html>  
  
<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>
Copier après la connexion

4. Adresse : Cet exemple montre comment écrire une adresse dans un fichier HTML.

<!DOCTYPE html>  
<html>  
<body>  
  
<address>  
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>    
Visit us at:<br>  
Example.com<br>  
Box 564, Disneyland<br>  
USA   
</address>  
  
</body>  
</html>
Copier après la connexion

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php Autres articles liés !

Lecture connexe :

Que sont les balises de liste en HTML ?

Bases de l'édition HTML (à lire absolument pour les débutants)

titre HTML, paragraphe, saut de ligne, horizontal ligne, spécial Comment les caractères doivent être utilisés

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal