💫最新資訊新聞時事

HTML5文字格式重點筆記

2021/5/23 下午 02:22:04

常見的格式有粗體、斜體、加底線、大字型、上標、下標、鍵盤文字、引用語、程式碼文字、刪除字、拼音或注音等

留言  分享至Facebook  分享至Line  twitter share  傳送到Messenger 

HTML5文字格式重點筆記

適當的文字格式不僅能發揮畫龍點睛的效果,還能增添網頁效果。以下介紹常用的幾個格式。

<b></b>:粗體

<i></i>:斜體

<u></u>:加底線

<sub></sub>:下標

<sup></sup>:上標

<small></small>:小字型

<em></em>:強調斜體

<strong></strong>:強調粗體

<dfn></dfn>:定義文字

<code></code>:程式碼文字→範例<code>需要將 < 轉成 HTML entities :&lt; > 轉成 &gt; 。(&lt;code&gt;)</code>

<samp></samp>:範例文字→範例

<kbd></kbd>:鍵盤文字→Ctrl

<var></var>:變數文字

<cite></cite>:引用文字

<abbr></abbr>:縮寫文字→ABC

<s></s>:刪除字

<q></q>:引用語

<mark></mark>:螢光標記文字

&nbsp; :空格

其他功能:<ruby>、<rt>、<rp>元素(拼音或注音)

<ruby>元素用來包住字串及其注音或拼音; <rt>是ruby text的簡寫,是<ruby>的子元素,用來包住注音或拼音。 <rp>是ruby parenthese的簡寫,也是<ruby>的子元素,用來當瀏覽器不支持<ruby>時就會顯示<rp>裡的括號;反之,瀏覽器顯示<ruby>時,就不會顯示<rp>的括號。


其它新功能

<ruby>漢<rt>ㄏㄢˋ</rt>字<rt>ㄗˋ</rt></ruby>



<ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby>




<ruby>漢<rp>(</rp><rt>ㄏㄢˋ</rt><rp>)</rp>字<rp>(</rp><rt >ㄗˋ</rt><rp>)</rp></ruby>


<ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby>



Booking.com 機票

FB 留言