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