<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.andcycle.idv.tw/mediawiki/index.php?action=history&amp;feed=atom&amp;title=Computer%3A_Makeuper%3A_HTML%3A_Lists</id>
	<title>Computer: Makeuper: HTML: Lists - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://www.andcycle.idv.tw/mediawiki/index.php?action=history&amp;feed=atom&amp;title=Computer%3A_Makeuper%3A_HTML%3A_Lists"/>
	<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Lists&amp;action=history"/>
	<updated>2026-05-01T11:47:55Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.3</generator>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Lists&amp;diff=7302&amp;oldid=prev</id>
		<title>Ahtwang at 03:51, 24 November 2004</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Lists&amp;diff=7302&amp;oldid=prev"/>
		<updated>2004-11-24T03:51:19Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;=連結=&lt;br /&gt;
&lt;br /&gt;
[[Computer]]:[[Computer: Makeuper|Makeuper]]:[[Computer: Makeuper: HTML|HTML]]&lt;br /&gt;
&lt;br /&gt;
=清單=&lt;br /&gt;
&lt;br /&gt;
從這裡開始我們只取用範例的一部份繼續增加東西，到最後才貼出完整的範例給大家做比較。這一節我們取出的是：&lt;br /&gt;
&lt;br /&gt;
&amp;lt;blockquote&amp;gt;&amp;lt;pre&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;基礎 HTML&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;以下是基礎的 HTML 標籤：&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;進階 HTML&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;這裡提供一些進階範例：&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/pre&amp;gt;&amp;lt;/blockquote&amp;gt;&lt;br /&gt;
&lt;br /&gt;
基礎和進階 HTML 兩段。我們要在這兩段裡各加入一個清單，其中一個是用項目符號的清單，另一個是用自動編號的清單。&lt;br /&gt;
&lt;br /&gt;
&amp;lt;blockquote&amp;gt;&amp;lt;pre&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;基礎 HTML&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;以下是基礎的 HTML 標籤：&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;HTML 骨架&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;標題&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;段落&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;清單&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;……下略&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;進階 HTML&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;這裡提供一些進階範例：&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;圖片不同部份變不同連結&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;加上 alt 快速鍵&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/pre&amp;gt;&amp;lt;/blockquote&amp;gt;&lt;br /&gt;
&lt;br /&gt;
眼尖的讀者應該已經注意到了。我們加入的第一組清單用的是 ul 標籤，這是英文「unordered list」的意思，也就是「沒有順序的清單」，沒有順序，就是用項目符號；而第二組 ol 標籤是「ordered list」(有順序的清單)，也就是會自動編號。&lt;br /&gt;
&lt;br /&gt;
清單裡的每一個項目都用 li.../li 包起來，li 就是「list item」(清單項目)。&lt;br /&gt;
&lt;br /&gt;
這樣記起來了嗎？清單就是 list，決定要編號 (ol) 還是不要編號 (ul) 之後，再把每個項目 (li) 包起來。&lt;br /&gt;
&lt;br /&gt;
最後也別忘了對稱的 /ul 或是 /ol，不然會出問題的。&lt;br /&gt;
&lt;br /&gt;
==額外小知識==&lt;br /&gt;
&lt;br /&gt;
*清單不可以包在段落裡面！請參考上面的做法，先用 /p 結束段落之後再開始寫清單。這是為了符合 XHTML 1.0 的規定。&lt;br /&gt;
*有時您會看見有些人的清單項目沒有加上 /li 結尾標籤，這是舊式的用法，現在已經逐漸在淘汰了。&lt;/div&gt;</summary>
		<author><name>Ahtwang</name></author>
	</entry>
</feed>