1 / 8

文字變化與排版技巧

文字變化與排版技巧. 段落效果. HTML 用來設定段落的標記： < p > 標記定義出段落 </ p > 網頁上效果為換行並增加一空白行. < br > 標記－－換行 網頁上效果為換行 < nobr > 標記－－不換行 網頁上效果為強迫不換行. 對齊與縮排標記. < center > 置中的文字 </ center > 將標記中的文字放在網頁的中央 < pre > 原始排列的文字 </ pre > 將標記中的文字按照原始的排列方式顯示 < blockquote > 縮排的文字 </ blockquote > 將標記中的文字縮排. 水平線. < hr > 加入水平線.

nigel-phelps
Download Presentation

文字變化與排版技巧

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 文字變化與排版技巧

  2. 段落效果 HTML用來設定段落的標記： <p>標記定義出段落</p>網頁上效果為換行並增加一空白行 <br>標記－－換行網頁上效果為換行 <nobr>標記－－不換行網頁上效果為強迫不換行

  3. 對齊與縮排標記 <center>置中的文字</center>將標記中的文字放在網頁的中央 <pre>原始排列的文字</pre>將標記中的文字按照原始的排列方式顯示 <blockquote>縮排的文字</blockquote >將標記中的文字縮排

  4. 水平線 <hr>加入水平線

  5. 段落標題 <h1>、<h2> 、<h3>、<h4>、<h5>、<h6>設定標題大小， <h1>字體最大，<h6>字體最小標題標記所標示的字將會獨佔一行

  6. 字型樣式標記 <font>…… </font>設定文字的字型大小、顏色及字體

  7. 字型樣式標記 <b>粗體</b>設定文字為粗體 <i>斜體</i>設定文字為斜體 <u>加底線</u>將文字加上底線 <strike>刪除線</strike>將文字加上刪除線 <sup>上標字</sup>將文字轉為上標字 <sub>下標字</sub>將文字轉為下標字 <tt>文字同寬度</tt>將文字設為同寬度

  8. 清單標記 符號清單<ul>－ 符號清單標記，需搭配<li>標記使用 編號清單<ol>－ 編號清單標記，需搭配<li>標記使用 巢狀清單－清單中再加入另一層清單；清單項目也會一層一層往內縮。

More Related