<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"><title>Official Python Planet@Taiwan</title><link href="http://planet.python.org.tw/planet" rel="alternate"></link><link href="http://planet.python.org.tw/planet//feed/rss/" rel="self"></link><id>http://planet.python.org.tw/planet</id><updated>2012-02-04T22:47:03Z</updated><entry><title>marr's weblog: Products.AutocompleteWidget Sample</title><link href="http://marrtw.blogspot.com/2012/02/productsautocomplete-sample.html" rel="alternate"></link><updated>2012-02-04T22:47:03Z</updated><author><name>TsungWei Hu</name><email>noreply@blogger.com</email></author><id>http://marrtw.blogspot.com/2012/02/productsautocomplete-sample.html</id><summary type="html">&lt;p&gt;&lt;a href="http://stackoverflow.com/questions/6532316/archetypes-autocompletewidget-for-plone4"&gt;Products.AutocompleWidget 有支援 Plone 4.x&lt;/a&gt;，範例程式碼並不多，因此特別記錄找到的：&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://plone.293351.n2.nabble.com/Product-Developers-Archetypes-livesearch-widget-td357053.html"&gt;2008/04/07&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://trac.baynature.org/browser/BayNature/NaturePerson.py?rev=81"&gt;BayNature/NaturePerson.py&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.universalwebservices.net/web-programming-resources/zope-plone/dynamic-vocabularies-in-plone-archetypes"&gt;Dynamic Vocabularies&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;測試結果，使用 multiValued=True 後，編輯介面才看得到變化。&lt;/p&gt;&lt;pre&gt;"""Definition of the Wiki Doc content type&lt;br /&gt;"""&lt;br /&gt;&lt;br /&gt;from zope.interface import implements, directlyProvides&lt;br /&gt;&lt;br /&gt;from Products.Archetypes import atapi&lt;br /&gt;from Products.Archetypes.public import LinesField&lt;br /&gt;from Products.Archetypes.public import DisplayList&lt;br /&gt;from Products.ATContentTypes.content import base&lt;br /&gt;from Products.ATContentTypes.content import schemata&lt;br /&gt;from Products.AutocompleteWidget.AutocompleteWidget import AutocompleteWidget&lt;br /&gt;from Products.CMFCore.utils import getToolByName&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;from tlc.kbase import kbaseMessageFactory as _&lt;br /&gt;from tlc.kbase.interfaces import IWikiDoc&lt;br /&gt;from tlc.kbase.config import PROJECTNAME&lt;br /&gt;&lt;br /&gt;WikiDocSchema = schemata.ATContentTypeSchema.copy() + atapi.Schema((&lt;br /&gt;&lt;br /&gt;          &lt;br /&gt;     LinesField('tags',&lt;br /&gt;                searchable=1,&lt;br /&gt;                required=0,&lt;br /&gt;                mutator='setTagSubject',&lt;br /&gt;                accessor='getTagSubject',&lt;br /&gt;                edit_accessor='getTagSubject',&lt;br /&gt;                vocabulary='getSubjectVocab',&lt;br /&gt;                widget=AutocompleteWidget(label='Tags'),&lt;br /&gt;                enforceVocabulary=0,&lt;br /&gt;     ),&lt;br /&gt;&lt;br /&gt;))&lt;br /&gt;&lt;br /&gt;# Set storage on fields copied from ATContentTypeSchema, making sure&lt;br /&gt;# they work well with the python bridge properties.&lt;br /&gt;&lt;br /&gt;WikiDocSchema['title'].storage = atapi.AnnotationStorage()&lt;br /&gt;WikiDocSchema['description'].storage = atapi.AnnotationStorage()&lt;br /&gt;&lt;br /&gt;schemata.finalizeATCTSchema(WikiDocSchema, moveDiscussion=False)&lt;br /&gt;&lt;br /&gt;class WikiDoc(base.ATCTContent):&lt;br /&gt;    """Description of the Example Type"""&lt;br /&gt;    implements(IWikiDoc)&lt;br /&gt;&lt;br /&gt;    meta_type = "Wiki Doc"&lt;br /&gt;    schema = WikiDocSchema&lt;br /&gt;&lt;br /&gt;    title = atapi.ATFieldProperty('title')&lt;br /&gt;    description = atapi.ATFieldProperty('description')&lt;br /&gt;    &lt;br /&gt;    def setTagSubject(self, value):&lt;br /&gt;        """Set tag widget contents to subject of object"""&lt;br /&gt;        self.getField('subject').set(self, value)&lt;br /&gt; &lt;br /&gt;    def getTagSubject(self):&lt;br /&gt;        """Set tag widget contents to subject of object"""&lt;br /&gt;        return self.Subject()&lt;br /&gt; &lt;br /&gt;    def getSubjectVocab(self):&lt;br /&gt;        """Get subject (keywords) vocabulary"""&lt;br /&gt;        catalog = getToolByName(self, 'portal_catalog')&lt;br /&gt;        return catalog.uniqueValuesFor('Subject')&lt;br /&gt;&lt;br /&gt;atapi.registerType(WikiDoc, PROJECTNAME)&lt;/pre&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/318830256542227528-165693773406597202?l=marrtw.blogspot.com" alt="" /&gt;&lt;/div&gt;</summary><category term="python"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 編訂元素 &lt;del&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/MY14Yy2OnMY/html-5-del.html" rel="alternate"></link><updated>2012-02-04T11:33:01Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/MY14Yy2OnMY/html-5-del.html</id><summary type="html">&amp;lt;del&amp;gt; 為 HTML 文件的編訂元素 (element) ，用來標記刪除的部份。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/02/html-5-del.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-3353409462858586885?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/npNHExncp_YL_W4j2jQWZabnaNM/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/npNHExncp_YL_W4j2jQWZabnaNM/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/npNHExncp_YL_W4j2jQWZabnaNM/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/npNHExncp_YL_W4j2jQWZabnaNM/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/MY14Yy2OnMY" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 編訂元素 &lt;ins&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/HFdQ1GP1R5o/html-5-ins.html" rel="alternate"></link><updated>2012-02-04T11:32:13Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/HFdQ1GP1R5o/html-5-ins.html</id><summary type="html">&amp;lt;ins&amp;gt; 為 HTML 文件的編訂元素 (element) ，用來標記新增的部份。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/02/html-5-ins.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-8453184905928335214?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/LCHNo2nflOfYKnDNSeHansVhgfk/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/LCHNo2nflOfYKnDNSeHansVhgfk/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/LCHNo2nflOfYKnDNSeHansVhgfk/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/LCHNo2nflOfYKnDNSeHansVhgfk/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/HFdQ1GP1R5o" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: index - 程式語言教學誌導覽目錄</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/ISE9ad1EMCs/index.html" rel="alternate"></link><updated>2012-02-03T19:11:24Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/ISE9ad1EMCs/index.html</id><summary type="html">我們的生活幾乎與工業密不可分，從日常用品到門鈴、電梯、路燈、指示牌等等 .... 等等，這全都是工業化的製品。工業，藉由機器早已取代了大量的人力，齒輪是很多機器裡的基本組成元件之一 &lt;br /&gt;
&lt;img class="center" src="https://lh3.googleusercontent.com/_N8SLZ89dGJc/TXoZuKpkGQI/AAAAAAAADwo/m5bcIMSRhek/s800/geardesk01.png" height="172" width="200" /&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
大齒輪可以省力，小齒輪可以增加轉速，不同尺寸的齒輪相互巧妙的疊合，便可做出許許多多實用的機器來。利用齒輪的方式，我們需要了解齒輪間如何相互轉動的基本原理，也就是說，大小齒輪之間如何組合達到力矩平衡，齒輪的齒數、轉動的圈數、排列方式等等都得列入考量，這會是我們設計以齒輪為主要元件的機器前，所要先具備的知識。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
早期的計算機也有利用齒輪製造的，不過當電子技術發展日新月異的今天，絕大多數的電腦都已經由電子線路所取代。電子線路的優點在於只需考慮有電壓及沒有電壓兩種情況，有電壓時，值趨近於 1 ，反倒沒有電壓時，其值趨近於 0 ，這樣一來，電子線路的思考變成 010101 .... 的方式，這便是數位化的由來。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
0 與 1 構成二進位數字，就是說逢二就進位，以下為二進位數字與十進位數字對照表 &lt;br /&gt;
&lt;table align="center" width="90%" border="1"&gt;&lt;tr&gt;&lt;th&gt;十進位&lt;/th&gt;&lt;th&gt;二進位&lt;/th&gt;&lt;th&gt;十進位&lt;/th&gt;&lt;th&gt;二進位&lt;/th&gt;&lt;th&gt;十進位&lt;/th&gt;&lt;th&gt;二進位&lt;/th&gt;&lt;th&gt;十進位&lt;/th&gt;&lt;th&gt;二進位&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;10000&lt;/td&gt;&lt;td&gt;32&lt;/td&gt;&lt;td&gt;100000&lt;/td&gt;&lt;td&gt; 48&lt;/td&gt;&lt;td&gt;110000&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;17&lt;/td&gt;&lt;td&gt;10001&lt;/td&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;100001&lt;/td&gt;&lt;td&gt; 49&lt;/td&gt;&lt;td&gt;110001&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;18&lt;/td&gt;&lt;td&gt;10010&lt;/td&gt;&lt;td&gt;34&lt;/td&gt;&lt;td&gt;100010&lt;/td&gt;&lt;td&gt;50&lt;/td&gt;&lt;td&gt;110010&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;19&lt;/td&gt;&lt;td&gt;10011&lt;/td&gt;&lt;td&gt;35&lt;/td&gt;&lt;td&gt;100011&lt;/td&gt;&lt;td&gt;51&lt;/td&gt;&lt;td&gt;110011&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;10100&lt;/td&gt;&lt;td&gt;36&lt;/td&gt;&lt;td&gt;100100&lt;/td&gt;&lt;td&gt;52&lt;/td&gt;&lt;td&gt;110100&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;101&lt;/td&gt;&lt;td&gt;21&lt;/td&gt;&lt;td&gt;10101&lt;/td&gt;&lt;td&gt;37&lt;/td&gt;&lt;td&gt;100101&lt;/td&gt;&lt;td&gt;53&lt;/td&gt;&lt;td&gt;110101&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;110&lt;/td&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;10110&lt;/td&gt;&lt;td&gt;38&lt;/td&gt;&lt;td&gt;100110&lt;/td&gt;&lt;td&gt;54&lt;/td&gt;&lt;td&gt;110110&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;111&lt;/td&gt;&lt;td&gt;23&lt;/td&gt;&lt;td&gt;10111&lt;/td&gt;&lt;td&gt;39&lt;/td&gt;&lt;td&gt;100111&lt;/td&gt;&lt;td&gt;55&lt;/td&gt;&lt;td&gt;110111&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;1000&lt;/td&gt;&lt;td&gt;24&lt;/td&gt;&lt;td&gt;11000&lt;/td&gt;&lt;td&gt;40&lt;/td&gt;&lt;td&gt;101000&lt;/td&gt;&lt;td&gt;56&lt;/td&gt;&lt;td&gt;111000&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;1001&lt;/td&gt;&lt;td&gt;25&lt;/td&gt;&lt;td&gt;11001&lt;/td&gt;&lt;td&gt;41&lt;/td&gt;&lt;td&gt;101001&lt;/td&gt;&lt;td&gt;57&lt;/td&gt;&lt;td&gt;111001&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;1010&lt;/td&gt;&lt;td&gt;26&lt;/td&gt;&lt;td&gt;11010&lt;/td&gt;&lt;td&gt;42&lt;/td&gt;&lt;td&gt;101010&lt;/td&gt;&lt;td&gt;58&lt;/td&gt;&lt;td&gt;111010&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;1011&lt;/td&gt;&lt;td&gt;27&lt;/td&gt;&lt;td&gt;11011&lt;/td&gt;&lt;td&gt;43&lt;/td&gt;&lt;td&gt;101011&lt;/td&gt;&lt;td&gt;59&lt;/td&gt;&lt;td&gt;111011&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;1100&lt;/td&gt;&lt;td&gt;28&lt;/td&gt;&lt;td&gt;11100&lt;/td&gt;&lt;td&gt;44&lt;/td&gt;&lt;td&gt;101100&lt;/td&gt;&lt;td&gt;60&lt;/td&gt;&lt;td&gt;111100&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;1101&lt;/td&gt;&lt;td&gt;29&lt;/td&gt;&lt;td&gt;11101&lt;/td&gt;&lt;td&gt;45&lt;/td&gt;&lt;td&gt;101101&lt;/td&gt;&lt;td&gt;61&lt;/td&gt;&lt;td&gt;111101&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;1110&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;td&gt;11110&lt;/td&gt;&lt;td&gt;46&lt;/td&gt;&lt;td&gt;101110&lt;/td&gt;&lt;td&gt;62&lt;/td&gt;&lt;td&gt;111110&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;15&lt;/td&gt;&lt;td&gt;1111&lt;/td&gt;&lt;td&gt;31&lt;/td&gt;&lt;td&gt;11111&lt;/td&gt;&lt;td&gt;47&lt;/td&gt;&lt;td&gt;101111&lt;/td&gt;&lt;td&gt;63&lt;/td&gt;&lt;td&gt;111111&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;&lt;br /&gt;
&lt;br /&gt;
ASCII 則是利用七位元的二進位所組成的編碼系統，例如 1100001 表示十進位數字的 97 ，在 ASCII 中則表示英文小寫字母 a 。類似的方式，有許多不同需求的編碼系統衍生出來，如 Unicode 、 JPEG 、 MIDI 等。  &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
電腦程式的主要工作就是處理編碼，不論把編碼形式儲存到檔案、傳送到輸出設備上，或是轉換成另一種編碼形式，這全都是電腦程式的功能。我們該如何寫程式呢？有許多不同的方法，最常見的就是準備好文字編輯器囉！ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;怎麼寫程式&lt;/h1&gt;&lt;blockquote&gt;&lt;a href="http://pydoing.blogspot.com/2011/01/editor.html"&gt;使用文字編輯器寫程式&lt;/a&gt; &lt;br /&gt;
整合開發環境&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;程式語言基本概念&lt;/h1&gt;&lt;blockquote&gt;數位化的硬體 &lt;br /&gt;
邏輯基礎 &lt;br /&gt;
計算問題 &lt;br /&gt;
選擇 &lt;br /&gt;
迴圈 &lt;br /&gt;
軟體開發 &lt;br /&gt;
物件導向程式設計 &lt;br /&gt;
資料結構與演算法 &lt;br /&gt;
作業系統&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;程式語言教材&lt;/h1&gt;&lt;blockquote&gt;&lt;a href="http://pydoing.blogspot.com/p/c-tutorial.html"&gt;C 語言教材目錄&lt;/a&gt; &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/06/c-overview.html"&gt;C 語言快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/07/c-std.html"&gt;C 語言標準函數庫分類導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/07/c-stdindex.html"&gt;C 語言標準函數庫分類導覽 - 索引&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;C 語言資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/07/c-ch0000.html"&gt;C 語言初學教材&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;C 語言遊戲設計（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/09/c-resource.html"&gt;C 語言線上中文資源&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;blockquote&gt;&lt;a href="http://pydoing.blogspot.com/p/cplusplus-tutorial.html"&gt;C++ 教材目錄&lt;/a&gt; &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;C++ 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/10/cpp-overview.html"&gt;C++ 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;C++ 標準函數庫分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;C++ 資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;C++ 初學教材（準備中）&lt;/li&gt;
&lt;li&gt;C++ 遊戲設計（準備中）&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;C# 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;C# 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;C# 快速導覽（準備中）&lt;/li&gt;
&lt;li&gt;C# 標準函數庫分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;C# 資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;C# 初學教材（準備中）&lt;/li&gt;
&lt;li&gt;C# 遊戲設計（準備中）&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;a href="http://pydoing.blogspot.com/p/java-tutorial.html"&gt;Java 教材目錄&lt;/a&gt; &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/10/java-download.html"&gt;JDK 的下載&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/10/java-install.html"&gt;JDK 在 MS-Winsdows 的安裝、設定&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/05/java-guide.html"&gt;Java 入門指南&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/10/java-overview.html"&gt;Java 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Java API 分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;Java 資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;Java 初學教材（準備中）&lt;/li&gt;
&lt;li&gt;Java 遊戲設計（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/11/java-resource.html"&gt;Java 線上中文資源&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;blockquote&gt;&lt;a href="http://pydoing.blogspot.com/p/javascript-tutorial.html"&gt;JavaScript 教材目錄&lt;/a&gt; &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;JavaScript 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/11/javascript-overview.html"&gt;JavaScript 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/08/javascript-htmldom-overview.html"&gt;HTML DOM 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;JavaScript 範例集（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/09/javascript-resource.html"&gt;JavaScript 線上中文資源&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;PHP 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;PHP 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;PHP 快速導覽（準備中）&lt;/li&gt;
&lt;li&gt;PHP 標準函數庫分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;PHP 初學教材（準備中）&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;Objective-C 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Objective-C 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;Objective-C 快速導覽（準備中）&lt;/li&gt;
&lt;li&gt;Objective-C 標準函數庫分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;Objective-C 資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;Objective-C 初學教材（準備中）&lt;/li&gt;
&lt;li&gt;Objective-C 遊戲設計（準備中）&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;a href="http://pydoing.blogspot.com/p/python-tutorial.html"&gt;Python 教學目錄&lt;/a&gt; &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/11/python-download.html"&gt;Python 的下載、安裝&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/11/python-pathset.html"&gt;Python 於 MS-Windows 的命令列路徑設定&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Python 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/12/python-overview.html"&gt;Python 3.1 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Python 標準函數庫分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;Python 資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;Python 初學教材（準備中）&lt;/li&gt;
&lt;li&gt;Python 遊戲設計（準備中）&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;Ruby 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Ruby 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;Ruby 快速導覽（準備中）&lt;/li&gt;
&lt;li&gt;Ruby 標準函數庫分類導覽（準備中）&lt;/li&gt;
&lt;li&gt;Ruby 資料結構與演算法導覽（準備中）&lt;/li&gt;
&lt;li&gt;Ruby 初學教材（準備中）&lt;/li&gt;
&lt;li&gt;Ruby 遊戲設計（準備中）&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
若您完全沒有電腦的基本概念，您可以先參考筆者另一份以 Python 2.5.2 為教學語言的 &lt;br /&gt;
&lt;blockquote&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2008/09/blog-post.html"&gt;電腦做什麼事&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;標記語言教材&lt;/h1&gt;&lt;blockquote&gt;HTML 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;HTML &amp;amp; CSS 入門指南（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/12/html-5-overview.html"&gt;HTML 5 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;HTML 5 遊戲設計（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/11/html-401-overview.html"&gt;HTML 4.01 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/09/html-resource.html"&gt;HTML 線上中文資源&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;blockquote&gt;CSS 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;CSS 3 快速導覽（準備中）&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/07/css-overview.html"&gt;CSS 2.1 快速導覽&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2011/09/css-resource.html"&gt;CSS 線上中文資源&lt;/a&gt;&lt;/li&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
其他，關於本站所使用的語法高亮度 &lt;br /&gt;
&lt;blockquote&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://pydoing.blogspot.com/2010/11/syntaxhighlighter-blogger.html"&gt;SyntaxHighlighter 在 Blogger 的使用教學&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
..&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-580580157795983514?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Fr9-A_7JKc7qU4A928NL9jMnpbo/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Fr9-A_7JKc7qU4A928NL9jMnpbo/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Fr9-A_7JKc7qU4A928NL9jMnpbo/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Fr9-A_7JKc7qU4A928NL9jMnpbo/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/ISE9ad1EMCs" height="1" width="1" /&gt;</summary><category term="導覽"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;cite&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/3OF9q-ogpNw/html-5-cite.html" rel="alternate"></link><updated>2012-02-03T15:09:12Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/3OF9q-ogpNw/html-5-cite.html</id><summary type="html">&amp;lt;cite&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記作品名稱。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-cite.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-5014717294284443804?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/msSxYXYealfjvZdZBRmHA9Iygwg/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/msSxYXYealfjvZdZBRmHA9Iygwg/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/msSxYXYealfjvZdZBRmHA9Iygwg/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/msSxYXYealfjvZdZBRmHA9Iygwg/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/3OF9q-ogpNw" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;q&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/_F7iaNveVJk/html-5-q.html" rel="alternate"></link><updated>2012-02-03T15:08:33Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/_F7iaNveVJk/html-5-q.html</id><summary type="html">&amp;lt;q&amp;gt; 為 HTML 文件的文字階層元素 (element) ，標記引用的文字內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-q.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-3895094997271027573?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/ssJBF4PIZ1BpaBiNeaTZBXoWeEA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ssJBF4PIZ1BpaBiNeaTZBXoWeEA/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/ssJBF4PIZ1BpaBiNeaTZBXoWeEA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ssJBF4PIZ1BpaBiNeaTZBXoWeEA/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/_F7iaNveVJk" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;dfn&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/qjbTqanfWQM/html-5-dfn.html" rel="alternate"></link><updated>2012-02-03T15:08:03Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/qjbTqanfWQM/html-5-dfn.html</id><summary type="html">&amp;lt;dfn&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記定義內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-dfn.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-9105873713788972292?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Iql982GUSq1lbN168SHnBb5m2dY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Iql982GUSq1lbN168SHnBb5m2dY/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Iql982GUSq1lbN168SHnBb5m2dY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Iql982GUSq1lbN168SHnBb5m2dY/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/qjbTqanfWQM" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;abbr&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/aNJ8NRdmm4o/html-5-abbr.html" rel="alternate"></link><updated>2012-02-03T15:07:45Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/aNJ8NRdmm4o/html-5-abbr.html</id><summary type="html">&amp;lt;abbr&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記英文縮寫的文字內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-abbr.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-4278092274257433302?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/kvyQ6tHfdyOZ0Blwdj5GNZfCkgw/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/kvyQ6tHfdyOZ0Blwdj5GNZfCkgw/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/kvyQ6tHfdyOZ0Blwdj5GNZfCkgw/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/kvyQ6tHfdyOZ0Blwdj5GNZfCkgw/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/aNJ8NRdmm4o" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;data&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/P9Vdn3gxgXs/html-5-data.html" rel="alternate"></link><updated>2012-02-03T15:02:52Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/P9Vdn3gxgXs/html-5-data.html</id><summary type="html">&amp;lt;data&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記機器識別的內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-data.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-7301683215683918467?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/3z_pu4C8DeP9kaswAmPDj_2BQSY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3z_pu4C8DeP9kaswAmPDj_2BQSY/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/3z_pu4C8DeP9kaswAmPDj_2BQSY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3z_pu4C8DeP9kaswAmPDj_2BQSY/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/P9Vdn3gxgXs" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;time&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/B3n_wdVOcmI/html-5-time.html" rel="alternate"></link><updated>2012-02-03T15:02:37Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/B3n_wdVOcmI/html-5-time.html</id><summary type="html">&amp;lt;time&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記時間格式的內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-time.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-1332774336736690036?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/3Ykyad_AvmjntaC3aMt4vp9Onuk/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3Ykyad_AvmjntaC3aMt4vp9Onuk/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/3Ykyad_AvmjntaC3aMt4vp9Onuk/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3Ykyad_AvmjntaC3aMt4vp9Onuk/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/B3n_wdVOcmI" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;code&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/HubQBik8ZxQ/html-5-code.html" rel="alternate"></link><updated>2012-02-03T15:02:21Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/HubQBik8ZxQ/html-5-code.html</id><summary type="html">&amp;lt;code&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記程式碼內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-code.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-295342468051180619?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/dxW40xGGgSCBLWP0LxIMpk5UL5g/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/dxW40xGGgSCBLWP0LxIMpk5UL5g/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/dxW40xGGgSCBLWP0LxIMpk5UL5g/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/dxW40xGGgSCBLWP0LxIMpk5UL5g/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/HubQBik8ZxQ" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;var&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/-s6ksoxDtTE/html-5-var.html" rel="alternate"></link><updated>2012-02-03T15:02:03Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/-s6ksoxDtTE/html-5-var.html</id><summary type="html">&amp;lt;var&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記變數內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-var.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-5500870877869408734?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/IF2P7C4Mn_y8XiT4TaKZJBhbIZQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/IF2P7C4Mn_y8XiT4TaKZJBhbIZQ/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/IF2P7C4Mn_y8XiT4TaKZJBhbIZQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/IF2P7C4Mn_y8XiT4TaKZJBhbIZQ/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/-s6ksoxDtTE" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;samp&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/jYIVooRynPk/html-5-samp.html" rel="alternate"></link><updated>2012-02-03T15:01:44Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/jYIVooRynPk/html-5-samp.html</id><summary type="html">&amp;lt;samp&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記程式輸出內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-samp.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-4175967744376211160?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/ZnGGDynnytG1AEKbQAS3vmb7Fh4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ZnGGDynnytG1AEKbQAS3vmb7Fh4/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/ZnGGDynnytG1AEKbQAS3vmb7Fh4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ZnGGDynnytG1AEKbQAS3vmb7Fh4/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/jYIVooRynPk" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;kbd&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/OO8wiNbYAvU/html-5-kbd.html" rel="alternate"></link><updated>2012-02-03T14:55:30Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/OO8wiNbYAvU/html-5-kbd.html</id><summary type="html">&amp;lt;kbd&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記鍵盤符號。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-kbd.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-8961919122641319156?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/8a6SUwDV98iqpouo65iIMYQadso/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/8a6SUwDV98iqpouo65iIMYQadso/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/8a6SUwDV98iqpouo65iIMYQadso/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/8a6SUwDV98iqpouo65iIMYQadso/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/OO8wiNbYAvU" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;sub&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/tfrgzy4Kbfs/html-5-sub.html" rel="alternate"></link><updated>2012-02-03T14:55:18Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/tfrgzy4Kbfs/html-5-sub.html</id><summary type="html">&amp;lt;sub&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來將標記內容下標。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-sub.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-8935081583123839019?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/oAnhAvOmr2KGRBuToCG2OYfBp5Y/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/oAnhAvOmr2KGRBuToCG2OYfBp5Y/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/oAnhAvOmr2KGRBuToCG2OYfBp5Y/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/oAnhAvOmr2KGRBuToCG2OYfBp5Y/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/tfrgzy4Kbfs" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;sup&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/H8isOLm0FCE/html-5-sup.html" rel="alternate"></link><updated>2012-02-03T14:55:05Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/H8isOLm0FCE/html-5-sup.html</id><summary type="html">&amp;lt;sup&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來將標記內容上標。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-sup.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-3518276670524483370?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/BP08htkTYxj18jc_cH2-pz47v00/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/BP08htkTYxj18jc_cH2-pz47v00/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/BP08htkTYxj18jc_cH2-pz47v00/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/BP08htkTYxj18jc_cH2-pz47v00/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/H8isOLm0FCE" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;i&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/NytsN_G6_Ak/html-5-i.html" rel="alternate"></link><updated>2012-02-03T14:54:52Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/NytsN_G6_Ak/html-5-i.html</id><summary type="html">&amp;lt;i&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來將文字字型標記為斜體。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-i.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-6248496617409623049?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/xBvhnKsi4DuKyGFFMnzuAy57EAw/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/xBvhnKsi4DuKyGFFMnzuAy57EAw/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/xBvhnKsi4DuKyGFFMnzuAy57EAw/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/xBvhnKsi4DuKyGFFMnzuAy57EAw/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/NytsN_G6_Ak" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;b&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/lFKfgzL-38s/html-5-b.html" rel="alternate"></link><updated>2012-02-03T14:54:38Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/lFKfgzL-38s/html-5-b.html</id><summary type="html">&amp;lt;b&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來將文字字型標記為粗體。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-b.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-4379522671851261376?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/GICCbQig_dFwxEc0TITW6Chey0E/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GICCbQig_dFwxEc0TITW6Chey0E/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/GICCbQig_dFwxEc0TITW6Chey0E/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GICCbQig_dFwxEc0TITW6Chey0E/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/lFKfgzL-38s" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;u&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/c91ATO_UYJA/html-5-u.html" rel="alternate"></link><updated>2012-02-03T14:54:24Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/c91ATO_UYJA/html-5-u.html</id><summary type="html">&amp;lt;u&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來將文字加上底線。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-u.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-3069226335230881292?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/aoN1l4xNkGwFiXBRbCKAIk1MBUQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/aoN1l4xNkGwFiXBRbCKAIk1MBUQ/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/aoN1l4xNkGwFiXBRbCKAIk1MBUQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/aoN1l4xNkGwFiXBRbCKAIk1MBUQ/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/c91ATO_UYJA" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry><entry><title>電腦做什麼事: HTML 5 快速導覽 - 文字階層元素 &lt;mark&gt;</title><link href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/O9UGJDVDaYc/html-5-mark.html" rel="alternate"></link><updated>2012-02-03T14:54:08Z</updated><author><name>Kaiching</name><email>noreply@blogger.com</email></author><id>http://feedproxy.google.com/~r/blogspot/EvJnN/~3/O9UGJDVDaYc/html-5-mark.html</id><summary type="html">&amp;lt;mark&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用高亮度標記文字內容。&lt;br /&gt;
&lt;a href="http://pydoing.blogspot.com/2012/02/html-5-mark.html#more"&gt;繼續閱讀&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/4845599329221136551-7965679613703079300?l=pydoing.blogspot.com" alt="" /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/GM0cQVtTqZIxIoR4XTOXWemr58c/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GM0cQVtTqZIxIoR4XTOXWemr58c/0/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/GM0cQVtTqZIxIoR4XTOXWemr58c/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GM0cQVtTqZIxIoR4XTOXWemr58c/1/di" border="0" ismap="true" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/O9UGJDVDaYc" height="1" width="1" /&gt;</summary><category term="html5快速導覽"></category><category term="html5教學"></category></entry></feed>
