當前位置:妙知谷 >

遊戲數碼 >IT技術 >

HTML格式化文本實例

HTML格式化文本實例

格式化文本概念要跟純文本概念一起來理解,是與純文本相對的,有屬於自身的風格與排版形式。下面,我們來看看如何使用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張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/evez8v.html