适合0基础的web开发系列教程-文本格式标签汇总
生活随笔
收集整理的這篇文章主要介紹了
适合0基础的web开发系列教程-文本格式标签汇总
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
html標簽主要是起結構的作用，布局的效果主要靠css完成，比如顏色、背景、字體大小、對齊等。
不過html標簽中也有一些常用的文本格式化標簽，能對文本內容進行簡單的格式設置。
比如加粗文字、定義斜體、定義小號字、下劃線、刪除線、上標和下標等。
?
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>夜鷹教程網</title></head><body><i>斜體www.yyjcw.com</i><br><em>斜體www.yyjcw.com</em><br><strong>加粗www.yyjcw.com</strong><br><b>加粗www.yyjcw.com</b><br><ins>下劃線www.yyjcw.com</ins><br><del>刪除線培訓機構</del><br><small>小號字www.yyjcw.com</small><br><p>X<sup>2</sup>+Y<sup>2</sup>=Z<sup>2</sup></p></body> </html>?效果如下：
?
另外，有時候需要在網頁里面顯示html代碼，而不是把代碼解析成效果。
我們可以使用pre標簽或者xmp標簽：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>夜鷹教程網</title></head><body><xmp><i>斜體www.yyjcw.com</i><br><em>斜體www.yyjcw.com</em><br><strong>加粗www.yyjcw.com</strong><br><b>加粗www.yyjcw.com</b><br><ins>下劃線www.yyjcw.com</ins><br><del>刪除線培訓機構</del><br><small>小號字www.yyjcw.com</small><br><p>X<sup>2</sup>+Y<sup>2</sup>=Z<sup>2</sup></p></xmp></body> </html>
顯示效果
?
?
?
使用pre的時候要注意，html中的< 和 >符號要用<i和 >? 代替，例如，我們想在網頁中原樣輸出這段代碼：? <i>www.yyjcw.com</i>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>夜鷹教程網</title> </head> <body> <pre> <i> www.yyjcw.com</i> <pre> </body> </html>?還有一種辦法實現html代碼按原樣顯示：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>夜鷹教程網</title></head><body><pre><script type="text/html" style="display: block;"><i>斜體www.yyjcw.com</i><br><em>斜體www.yyjcw.com</em><br><strong>加粗www.yyjcw.com</strong><br><b>加粗www.yyjcw.com</b><br><ins>下劃線www.yyjcw.com</ins><br><del>刪除線培訓機構</del><br><small>小號字www.yyjcw.com</small><br><p>X<sup>2</sup>+Y<sup>2</sup>=Z<sup>2</sup></p></script></pre></body> </html>
轉載于:https://www.cnblogs.com/yyjcw/p/10199112.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的适合0基础的web开发系列教程-文本格式标签汇总的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 天龙八部 钓鱼（天龙八部钓鱼有什么用）
- 下一篇： 杭州有哪些办公家具公司可以定制办公家具