HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google Maps注意
- 以下的程式碼皆是寫於<body>與</body>標籤之內。
- 程式碼的示範,已由本網站「樣式表自動修飾」,實際測試將依各家瀏覽器「預設樣式表不同而有差距」。
<ul>、<ol>、<li>
<ul>:無序清單(Unordered lists)、<ol>:有序清單。而<li>則是被包在<ul>或<ol>內的
- <ul
type="circle"
>- <li>有名線上</li>
- <li>有名故事館</li>
- <li>有名短網</li>
- </ul>
- <ol
type="A"
>- <li>有名線上</li>
- <li>有名故事館</li>
- <li>有名短網</li>
- </ol>
- 行2,7:type屬性用來設定<ul>、<ol>的樣式,也就是序號的樣示。
list屬性
無序清單<ul>:
值 | 解釋 |
---|---|
disc | 實心圓 (瀏覽器預設) |
circle | 空心圓 |
square | 實心方塊 |
none | 不顯示方塊 |
有序清單<ol>:
值 | 解釋 |
---|---|
1 | (1.2.3) (瀏覽器預設) |
a | (a,b,c) |
A | (A,B,C) |
i | (i,ii,iii) |
I | (I,II,III) |