Rumah > hujung hadapan web > html tutorial > HTML文本格式化的实例详解

HTML文本格式化的实例详解

php中世界最好的语言
Lepaskan: 2018-01-20 11:21:20
asal
2195 orang telah melayarinya

这次给大家带来HTML文本格式化的实例详解,HTML文本格式化的注意事项有哪些,下面就是实战案例,一起来看一下。

一,文本格式化:此例演示如何在一个 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>
Salin selepas log masuk

二,预格式文本:此例演示如何使用 pre 标签对空行和空格进行控制。

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

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

  
for i = 1 to 10   
     print i   
next i   
Salin selepas log masuk

三,“计算机输出”标签:此例演示不同的“计算机输出”标签的显示效果。

<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>
Salin selepas log masuk

四,地址:此例演示如何在 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>
Salin selepas log masuk

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

html里的列表标签有哪些?

HTML的编辑基础(新手必看篇)

html标题,段落,换行,水平线,特殊字符应该如何使用

Atas ialah kandungan terperinci HTML文本格式化的实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan