1. 程式人生 > >HTML基礎篇之文字格式化

HTML基礎篇之文字格式化

文字格式化:

<b><strong>加粗;<big>字型放大;<em><i>字型傾斜;<small>字型縮小;<sub>下標;<sup>上標;

預格式文字:

<pre>裡面的文字原樣顯示出來,包括空格符號的個數以及換行符號;

“計算機輸出”標籤:

<code>計算機輸出</code>;<kbd>鍵盤輸入</kbd>;<tt>打字機文字</tt>;<samp>計算機程式碼樣本</samp>;<var>計算機變數</var>;

地址:

<address>;

縮寫和首字母縮寫:

<abbr title="etcetera">etc.</abbr>;<acronym title="World Wide Web">WWW</acronym>

在某些瀏覽器中,當您把滑鼠移至縮略詞語上時,title 可用於展示表達的完整版本。僅對於 IE 5 中的 acronym 元素有效。對於 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

文字方向:

<bdo dir="rtl">表示內部的文字從左到右顯示</bdo>;<bdo dir="ltr">表示內部的文字從右到左正常顯示</bdo>;

塊引用:

<q>引用的部分用雙引號括起來;

刪除字效果和插入字效果:

<del>內的文字在中間有一條橫線定義刪除字;<ins>內的文字有一條下劃線(定義插入字)

【補充】

文字顯示為單行,超過部分隱藏並使用省略號,例項:

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
使用 display:-webkit-box; 讓文字顯示為多行(只有-webkit核心才有作用),例項:
overflow:hidden;
text-overflow:ellipsis;
display:-
webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; width:100px;