HTML格式化文字例項

來源:酷知科普網 1.4W

格式化文字概念要跟純文字概念一起來理解,是與純文字相對的,有屬於自身的風格與排版形式。下面,我們來看看如何使用HTML中的格式化文字吧。

HTML格式化文字例項

操作方法

(01)預格式文字預格式文字的程式碼是<pre></pre>,在<pre></pre>中編寫的文字、符號等會保留它的形式,即保留空格與換行,比如我們使用如下程式碼: <pre> 搜狗 瀏覽器 </pre>

HTML格式化文字例項 第2張

(02)預覽效果然後在瀏覽器中預覽效果,可以看到文字保留了它的空格與換行,如下圖所示:

HTML格式化文字例項 第3張

(03)地址在網頁中編寫地址,使用<address>標籤,比如書寫如下程式碼:<address> 福建省廈門市</address>

HTML格式化文字例項 第4張

(04)預覽效果然後在瀏覽器中預覽效果,可以看到地址的文字是以斜線形式展示,如下圖所示:

HTML格式化文字例項 第5張

(05)下劃線在網頁中對文字新增下劃線,可以使用<u>標籤,比如編寫如下所示程式碼:下劃線:<U>搜狗瀏覽器</U>

HTML格式化文字例項 第6張

(06)預覽效果然後在瀏覽器中預覽效果,可以看到文字下方有下劃線,如下圖所示:

HTML格式化文字例項 第7張

(07)刪除線在網頁中對文字新增刪除線,這在很多場合中很常用,比如商品的價格,劃掉原價格,編寫程式碼如下圖所示:

HTML格式化文字例項 第8張

(08)預覽效果然後在瀏覽器中預覽效果,可以看到文字有刪除線,如下圖所示:

HTML格式化文字例項 第9張
熱門標籤