简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Formatage du texte HTML

不言
Libérer： 2018-05-03 14:25:38
original
1384 Les gens l'ont consulté

Cet article présente principalement le formatage du texte HTML, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

Formatage du texte HTML. 

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<b>加粗文本</b><br><br>
		<i>斜体文本</i><br><br>
		<code>电脑自动输出</code><br><br>
		这是<sub>下标</sub> 和 <sup>上标</sup>
	</body>
</html>
Copier après la connexion

Exemple

Formatage du texte

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<b>这个文本是加粗的</b>
		<br>
		<strong>这个文本是加粗的</strong>
		<br />
		<big>这个文本字体放大</big>
		<br />
		<em>这个文本是斜体的</em>
		<br />
		<i>斜体文本</i>
		<br />
		<small>这个文本是缩小的</small>
		<br />
		这个文本包含<sub>下标</sub> 和 <sup>上标</sup>
	</body>
</html>
Copier après la connexion

Texte préformaté

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<pre class="brush:php;toolbar:false">
			此例演示如何使用 pre 标签
			对空行和  空格
			进行控制
Copier après la connexion

Étiquette de sortie informatique

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<code>计算机输出</code>
		<br />
		<kbd>键盘输入</kbd>
		<br />
		<tt>打字机文本</tt>
		<br />
		<samp>计算机代码样本</samp>
		<br />
		<var>计算机变量</var>
		<br />
		<p>
			<b>注释：</b>这些标签常用于显示计算机/编程代码
		</p>
	</body>
</html>
Copier après la connexion

Adresse

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<address>
			Written by <a href="milto:webmaster@example.com">Jon Doe</a><br />
			Visit us at: <br />
			Example.com <br />
			Box 564, Disneyland <br />
			USA
		</address>
	</body>
</html>
Copier après la connexion

Abréviations et acronymes

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<abbr title="etcetera">etc.</abbr>
		<br />
		<acronym title="World Wide Web">WWW</acronym>
		<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
		<p>仅对于 IE 5 中的 acronym 元素有效。</p>
		<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
	</body>
</html>
Copier après la connexion

Direction du texte

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<p>该段落文字从左到右显示。</p>
		<p>
			<bdo dir="rtl">该段落文字从右到左显示。</bdo>
		</p>
	</body>
</html>
Copier après la connexion

Citation en bloc

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<p> 
			WWF&#39;s goal is to:
			<q>Build a future where people live in harmony with nature.</q>
			We hope they succeed.
		</p>
	</body>
</html>
Copier après la connexion

Supprimer effet de mot et insérer un effet de mot

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
		<p> 
			My favorite color is
			<del>bule</del>
			<ins>red</ins>
			!
		</p>
	</body>
</html>
Copier après la connexion


Texte HTML balise de format

标签 描述
定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字


Balise HTML "Sortie ordinateur"

标签 描述
定义计算机代码
定义键盘码
定义计算机代码样本
定义变量 

定义预格式文本








Définitions de citations, de citations et de balises HTML




 






定义缩写






定义地址





定义文字方向






定义长的引用





定义短的引用语





定义引用、引证





定义一个定义项目。





Recommandations associées : 




Connaissance du format de texte HTML Résumé


Exemples détaillés de formatage de texte HTML



 
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：
                    

                        html 文本 格式化                    

                

                                
source：php.cn

                            

            

                                    
                        Article précédent：HTML réalise la synchronisation des paroles des chansons
                    
                                    
                        Article suivant：taille de police adaptative HTML
                    
                            

            

       
                
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

            

           

            

                
Derniers articles par auteur

                
            

            

                
Derniers numéros

                

                                        

                        

                            Conversion automatique PX en erreur REM
                             <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
                            

                                

                                     Depuis 2024-04-16 09:34:16
                                

                                

                                    
  0 

                                    
0

                                    
4687

                                

                            

                        

                    

                    

                                        

                        

                            La page ne peut soudainement plus extraire le CSS ou le bootstrap
                            Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
                            

                                

                                     Depuis 2024-04-06 21:58:04
                                

                                

                                    
  0 

                                    
1

                                    
800

                                

                            

                        

                    

                    

                                        

                        

                            Comment résoudre le mystérieux espace vide en bas de page en CSS
                            J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
                            

                                

                                     Depuis 2024-04-06 20:22:15
                                

                                

                                    
  0 

                                    
1

                                    
454

                                

                            

                        

                    

                    

                                        

                        

                            Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire
                            Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
                            

                                

                                     Depuis 2024-04-06 20:02:10
                                

                                

                                    
  0 

                                    
2

                                    
543

                                

                            

                        

                    

                    

                                        

                        

                            Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau)
                            Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
                            

                                

                                     Depuis 2024-04-06 17:40:41
                                

                                

                                    
  0 

                                    
2

                                    
410

                                

                            

                        

                    

                    

                                    

            

            

                

                    
Rubriques connexes

                    Plus>
                    
                

                

                    
                

            

        

    

    

        

            
Recommandations populaires

            

                
            

        

        
        

            

                
Tutoriels populaires

                Plus>
                
            

            

                

                    
Tutoriels associés 

                    
Recommandations populaires

                    
Derniers cours

                

                
                
                
            

            
        


        

            

                
Derniers téléchargements

                Plus>
                
            

                        
            

                

                    
effets Web 

                    
Code source du site Web

                    
Matériel du site Web

                    
Modèle frontal

                

                
                
                
                
            

            
        

    





    

        

            

                

                    

                        À propos de nous
                        Clause de non-responsabilité
                        Sitemap
                        

                    

                    
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！