<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" gd:etag="W/&quot;CU8FQnkzeyp7ImA9WhRUGUw.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551</id><updated>2012-01-30T16:56:53.783+08:00</updated><category term="HTML教學" /><category term="C語言教學" /><category term="Java快速導覽" /><category term="Ruby教學" /><category term="HTML5教學" /><category term="電腦做什麼事" /><category term="JavaScript快速導覽" /><category term="HTML資源" /><category term="wxPython教學" /><category term="HTMLDOM快速導覽" /><category term="CSS 教學" /><category term="JavaScript教學" /><category term="Java入門指南" /><category term="基本概念" /><category term="Ruby快速導覽" /><category term="C++快速導覽" /><category term="HTML4教學" /><category term="Java資源" /><category term="C語言標準函數庫分類導覽" /><category term="Python3.1快速導覽" /><category term="Pygame教學" /><category term="HTMLDOM教學" /><category term="SyntaxHighlighter教學" /><category term="C語言資源" /><category term="Python教學" /><category term="C語言初學教材" /><category term="HTML4快速導覽" /><category term="C語言快速導覽" /><category term="C++教學" /><category term="導覽" /><category term="Java教學" /><category term="Django教學" /><category term="Python線上直譯器" /><category term="JavaScript資源" /><category term="CSS資源" /><category term="CSS2教學" /><category term="CSS2快速導覽" /><category term="Python3教學" /><category term="HTML5快速導覽" /><title>程式語言教學誌</title><subtitle type="html">程式語言 C 、 Java 、 JavaScript 、 Python 與網頁標記語言 HTML 、 CSS 的教學部落格</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://pydoing.blogspot.com/" /><link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default?start-index=26&amp;max-results=25&amp;redirect=false&amp;v=2" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>1586</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/blogspot/EvJnN" /><feedburner:info uri="blogspot/evjnn" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>blogspot/EvJnN</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><entry gd:etag="W/&quot;AkIHSXo4eyp7ImA9WhRVE0o.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-580580157795983514</id><published>2050-06-19T10:48:00.093+08:00</published><updated>2012-01-12T22:28:58.433+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-12T22:28:58.433+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="導覽" /><title>index - 程式語言教學誌導覽目錄</title><content 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 style="border:thin solid silver;"&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 style="border:thin solid silver;"&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 style="border:thin solid silver;"&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 style="border:thin solid silver;"&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;blockquote style="border:thin solid silver;"&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 style="border:thin solid silver;"&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;JavaScript 遊戲設計（準備中）&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;&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;blockquote style="border:thin solid silver;"&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;
若您完全沒有電腦的基本概念，您可以先參考筆者另一份以 Python 2.5.2 為教學語言的 &lt;br /&gt;
&lt;blockquote style="border:thin solid silver;"&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 style="border:thin solid silver;"&gt;HTML 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;HTML 5 入門指南（準備中）&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;&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 style="border:thin solid silver;"&gt;CSS 教材目錄 &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;CSS 3 入門指南（準備中）&lt;/li&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 style="border:thin solid silver;"&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/eozLmjkXPTJi_tGq5yg9cYPM92k/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/eozLmjkXPTJi_tGq5yg9cYPM92k/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/eozLmjkXPTJi_tGq5yg9cYPM92k/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/eozLmjkXPTJi_tGq5yg9cYPM92k/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/ISE9ad1EMCs" height="1" width="1"/&gt;</content><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/580580157795983514?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/580580157795983514?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/ISE9ad1EMCs/index.html" title="index - 程式語言教學誌導覽目錄" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/_N8SLZ89dGJc/TXoZuKpkGQI/AAAAAAAADwo/m5bcIMSRhek/s72-c/geardesk01.png" height="72" width="72" /><feedburner:origLink>http://pydoing.blogspot.com/2010/06/index.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkUMQnk4eyp7ImA9WhRUGE8.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-7301683215683918467</id><published>2012-01-29T14:57:00.002+08:00</published><updated>2012-01-29T14:58:03.733+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-29T14:58:03.733+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;data&gt;</title><content 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;/img&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;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/P9Vdn3gxgXs" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/7301683215683918467/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-data.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7301683215683918467?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7301683215683918467?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/P9Vdn3gxgXs/html-5-data.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;data&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-cp3Ym6wR90c/TyTtBdMLvII/AAAAAAAAK7Q/Oo9GPQ_49HI/s72-c/datatest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-data.html</feedburner:origLink></entry><entry gd:etag="W/&quot;AkYNQH05fyp7ImA9WhRUGEw.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-4278092274257433302</id><published>2012-01-29T14:23:00.002+08:00</published><updated>2012-01-29T14:23:11.327+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-29T14:23:11.327+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;abbr&gt;</title><content 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;/img&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;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/aNJ8NRdmm4o" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/4278092274257433302/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-abbr.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/4278092274257433302?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/4278092274257433302?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/aNJ8NRdmm4o/html-5-abbr.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;abbr&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-EzZkVZZ7f7A/TyTle-HpQpI/AAAAAAAAK7I/d-C7GSEetys/s72-c/abbrtest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-abbr.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0AAQ38zcCp7ImA9WhRUGEw.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-9105873713788972292</id><published>2012-01-28T13:08:00.003+08:00</published><updated>2012-01-29T13:42:22.188+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-29T13:42:22.188+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;dfn&gt;</title><content 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;/img&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;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/qjbTqanfWQM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/9105873713788972292/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-dfn.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/9105873713788972292?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/9105873713788972292?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/qjbTqanfWQM/html-5-dfn.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;dfn&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/-45FgxapSIzM/TyOCR7Hdi7I/AAAAAAAAK64/cA6RcSVUbg0/s72-c/dfntest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-dfn.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DEAGQ3Y4eyp7ImA9WhRUF08.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-3895094997271027573</id><published>2012-01-28T12:58:00.003+08:00</published><updated>2012-01-28T12:58:42.833+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T12:58:42.833+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;q&gt;</title><content 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;/img&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;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/_F7iaNveVJk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/3895094997271027573/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-q.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/3895094997271027573?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/3895094997271027573?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/_F7iaNveVJk/html-5-q.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;q&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-kn_40YGrUSo/TyN_X3rsMAI/AAAAAAAAK6w/ywTJG1_ztbk/s72-c/qtest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-q.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D04CSHcyeCp7ImA9WhRUF08.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-5014717294284443804</id><published>2012-01-28T12:43:00.003+08:00</published><updated>2012-01-28T12:46:09.990+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T12:46:09.990+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;cite&gt;</title><content 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;/img&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;/img&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;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/5014717294284443804/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-cite.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/5014717294284443804?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/5014717294284443804?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/3OF9q-ogpNw/html-5-cite.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;cite&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-9hbbXQTRLjI/TyN8YIINiNI/AAAAAAAAK6o/dCKxuu8JjFg/s72-c/citetest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-cite.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0YMRns5fCp7ImA9WhRUF08.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1655011022501432905</id><published>2012-01-28T12:32:00.002+08:00</published><updated>2012-01-28T12:33:07.524+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T12:33:07.524+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;s&gt;</title><content type="html">&amp;lt;s&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用作刪除線。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-s.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-1655011022501432905?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/LFwsAEKPZfslEIW2Z1kVV8HzLqs/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/LFwsAEKPZfslEIW2Z1kVV8HzLqs/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/LFwsAEKPZfslEIW2Z1kVV8HzLqs/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/LFwsAEKPZfslEIW2Z1kVV8HzLqs/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/_B0JhZKFpt8" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1655011022501432905/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-s.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1655011022501432905?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1655011022501432905?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/_B0JhZKFpt8/html-5-s.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;s&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-UMb5czMx9Sg/TyN53sM5HdI/AAAAAAAAK6g/T_ginaQIuHs/s72-c/stest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-s.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DkEARX8_fCp7ImA9WhRUF08.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-8770938455015850146</id><published>2012-01-28T12:23:00.002+08:00</published><updated>2012-01-28T12:24:04.144+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T12:24:04.144+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;small&gt;</title><content type="html">&amp;lt;small&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來縮小文字的字型。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-small.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-8770938455015850146?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/UgoPd64SEoi4Z7DlKeORp5EqaGA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/UgoPd64SEoi4Z7DlKeORp5EqaGA/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/UgoPd64SEoi4Z7DlKeORp5EqaGA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/UgoPd64SEoi4Z7DlKeORp5EqaGA/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/8PZkHNTmTPQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/8770938455015850146/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-small.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/8770938455015850146?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/8770938455015850146?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/8PZkHNTmTPQ/html-5-small.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;small&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-zX8bpezb_gk/TyN2mS2O9XI/AAAAAAAAK6Y/vL8kitm1t_Q/s72-c/smalltest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-small.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DkcMRns5fip7ImA9WhRUF08.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-377904169619539453</id><published>2012-01-28T11:29:00.004+08:00</published><updated>2012-01-28T12:14:47.526+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T12:14:47.526+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;strong&gt;</title><content type="html">&amp;lt;strong&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來標記重要的文字內容。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-strong.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-377904169619539453?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/UoVNFUmz8c_CvA9H1W0NkJtKtzY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/UoVNFUmz8c_CvA9H1W0NkJtKtzY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/UoVNFUmz8c_CvA9H1W0NkJtKtzY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/UoVNFUmz8c_CvA9H1W0NkJtKtzY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/CWW8zdb13B8" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/377904169619539453/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-strong.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/377904169619539453?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/377904169619539453?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/CWW8zdb13B8/html-5-strong.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;strong&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-m-U6wogr4d0/TyNrAjj_KLI/AAAAAAAAK6Q/xkwC2d5dnmo/s72-c/strongtest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-strong.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkQBQX8zfyp7ImA9WhRUF08.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-528120310926390665</id><published>2012-01-28T11:12:00.002+08:00</published><updated>2012-01-28T11:12:30.187+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T11:12:30.187+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;em&gt;</title><content type="html">&amp;lt;em&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來強調文字內容。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-em.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-528120310926390665?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/50azK2H_FXC1eOGI0QDsBznBnH0/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/50azK2H_FXC1eOGI0QDsBznBnH0/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/50azK2H_FXC1eOGI0QDsBznBnH0/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/50azK2H_FXC1eOGI0QDsBznBnH0/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/ofVRjc2q-W8" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/528120310926390665/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-em.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/528120310926390665?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/528120310926390665?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/ofVRjc2q-W8/html-5-em.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;em&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-iU6d0V634PU/TyNnGs1ZWWI/AAAAAAAAK6I/B1Gx0YEQu2Y/s72-c/emtest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-em.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IMQXc_eCp7ImA9WhRUF0w.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1142926377812142501</id><published>2012-01-28T10:39:00.004+08:00</published><updated>2012-01-28T10:59:40.940+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-28T10:59:40.940+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 文字階層元素 &lt;a&gt;</title><content type="html">&amp;lt;a&amp;gt; 為 HTML 文件的文字階層元素 (element) ，用來設定超連結網址。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5.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-1142926377812142501?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/5aEcmJ-c4VHArG5-N-tjN-N4HkY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/5aEcmJ-c4VHArG5-N-tjN-N4HkY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/5aEcmJ-c4VHArG5-N-tjN-N4HkY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/5aEcmJ-c4VHArG5-N-tjN-N4HkY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/8UP0P07cEmE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1142926377812142501/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1142926377812142501?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1142926377812142501?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/8UP0P07cEmE/html-5.html" title="HTML 5 快速導覽 - 文字階層元素 &amp;lt;a&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh6.googleusercontent.com/-ECft2OGsm3w/TyNYrSZBGpI/AAAAAAAAK58/BYe2imzHJuE/s72-c/atest1.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0MFSX4yfip7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-7524200847630240125</id><published>2012-01-26T19:54:00.004+08:00</published><updated>2012-01-26T20:03:38.096+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:03:38.096+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;div&gt;</title><content type="html">&amp;lt;div&amp;gt; 為 HTML 文件的群組元素 (element) ，用來組織文字或其他元素。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-div.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-7524200847630240125?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/pu5TDuGrWXbevo9P1qczSxz7euY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/pu5TDuGrWXbevo9P1qczSxz7euY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/pu5TDuGrWXbevo9P1qczSxz7euY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/pu5TDuGrWXbevo9P1qczSxz7euY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/AVH5Yv0U5a0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/7524200847630240125/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-div.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7524200847630240125?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7524200847630240125?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/AVH5Yv0U5a0/html-5-div.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;div&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/-8qKTtb8Fnh0/TyE8YK62OLI/AAAAAAAAK5s/F3E4dnp78zk/s72-c/divtest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-div.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0MNSXw4eSp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-4442174012052143790</id><published>2012-01-26T19:26:00.003+08:00</published><updated>2012-01-26T20:04:58.231+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:04:58.231+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;figcaption&gt;</title><content type="html">&amp;lt;figcaption&amp;gt; 為 HTML 文件的群組元素 (element) ，放在 &amp;lt;figure&amp;gt; 內用為標題。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-figcaption.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-4442174012052143790?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/mx8aktxYO-gXb6_67YitvqMDnyQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/mx8aktxYO-gXb6_67YitvqMDnyQ/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/mx8aktxYO-gXb6_67YitvqMDnyQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/mx8aktxYO-gXb6_67YitvqMDnyQ/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/vSSqo-qLHUc" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/4442174012052143790/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-figcaption.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/4442174012052143790?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/4442174012052143790?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/vSSqo-qLHUc/html-5-figcaption.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;figcaption&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-pAHAsJfFPBc/TyEfAf2qM_I/AAAAAAAAK5k/HSGMUyl629M/s72-c/fuguretest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-figcaption.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IESHs8fCp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-3723007209542082265</id><published>2012-01-26T17:40:00.004+08:00</published><updated>2012-01-26T20:05:09.574+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:05:09.574+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;figure&gt;</title><content type="html">&amp;lt;figure&amp;gt; 為 HTML 文件的群組元素 (element) ，用來組織具有標題的獨立內容，例如插圖、圖表或程式片段等，標題是放在其內的 &amp;lt;figcaption&amp;gt; 元素裡。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-figure.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-3723007209542082265?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/deLAQhYJhlzwpMSxHgwHRarJZkg/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/deLAQhYJhlzwpMSxHgwHRarJZkg/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/deLAQhYJhlzwpMSxHgwHRarJZkg/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/deLAQhYJhlzwpMSxHgwHRarJZkg/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/Z9B92WGQqHU" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/3723007209542082265/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-figure.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/3723007209542082265?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/3723007209542082265?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/Z9B92WGQqHU/html-5-figure.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;figure&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-pAHAsJfFPBc/TyEfAf2qM_I/AAAAAAAAK5k/HSGMUyl629M/s72-c/fuguretest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-figure.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IFSHwyfip7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-2423797514415018437</id><published>2012-01-26T16:30:00.003+08:00</published><updated>2012-01-26T20:05:19.296+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:05:19.296+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;dd&gt;</title><content type="html">&amp;lt;dd&amp;gt; 為 HTML 文件的群組元素 (element) ，其為放在 &amp;lt;dt&amp;gt; 之下的說明內容。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-dd.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-2423797514415018437?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/JYVxEBR0SYrX65nc-y2d0HOBfRo/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/JYVxEBR0SYrX65nc-y2d0HOBfRo/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/JYVxEBR0SYrX65nc-y2d0HOBfRo/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/JYVxEBR0SYrX65nc-y2d0HOBfRo/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/HaWCfsq3mks" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/2423797514415018437/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-dd.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/2423797514415018437?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/2423797514415018437?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/HaWCfsq3mks/html-5-dd.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;dd&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh6.googleusercontent.com/-dJ3WzaUnoiE/TyEEaz3x5WI/AAAAAAAAK5c/SmyAdH3BNKM/s72-c/dltest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-dd.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IGSH48eip7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1412077329566081694</id><published>2012-01-26T15:59:00.004+08:00</published><updated>2012-01-26T20:05:29.072+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:05:29.072+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;dt&gt;</title><content type="html">&amp;lt;dt&amp;gt; 為 HTML 文件的群組元素 (element) ，其為放在 &amp;lt;dl&amp;gt; 中的說明項目。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-dt.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-1412077329566081694?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/JLvLQsGKCferbrqtRyCIlN_oLjE/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/JLvLQsGKCferbrqtRyCIlN_oLjE/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/JLvLQsGKCferbrqtRyCIlN_oLjE/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/JLvLQsGKCferbrqtRyCIlN_oLjE/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/QwX8B1M8L4k" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1412077329566081694/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-dt.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1412077329566081694?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1412077329566081694?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/QwX8B1M8L4k/html-5-dt.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;dt&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh6.googleusercontent.com/-dJ3WzaUnoiE/TyEEaz3x5WI/AAAAAAAAK5c/SmyAdH3BNKM/s72-c/dltest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-dt.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IAQH08fyp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-7768671461563172550</id><published>2012-01-26T15:47:00.005+08:00</published><updated>2012-01-26T20:05:41.377+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:05:41.377+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;dl&gt;</title><content type="html">&amp;lt;dl&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;dl&amp;gt; 用作說明清單，說明項目使用 &amp;lt;dt&amp;gt; 表列，說明內容放在 &amp;lt;dd&amp;gt; 裡。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-dl.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-7768671461563172550?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/M11Xe4HQSbjaP7SaRQEU22if7LI/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/M11Xe4HQSbjaP7SaRQEU22if7LI/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/M11Xe4HQSbjaP7SaRQEU22if7LI/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/M11Xe4HQSbjaP7SaRQEU22if7LI/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/IGJ2vxPXktQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/7768671461563172550/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-dl.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7768671461563172550?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7768671461563172550?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/IGJ2vxPXktQ/html-5-dl.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;dl&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh6.googleusercontent.com/-dJ3WzaUnoiE/TyEEaz3x5WI/AAAAAAAAK5c/SmyAdH3BNKM/s72-c/dltest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-dl.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IBQnY4eCp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1477632940756137469</id><published>2012-01-26T15:07:00.004+08:00</published><updated>2012-01-26T20:05:53.830+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:05:53.830+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;li&gt;</title><content type="html">&amp;lt;lil&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;li&amp;gt; 用作編號清單 &amp;lt;ol&amp;gt; 與符號清單 &amp;lt;ul&amp;gt; 或 &amp;lt;menu&amp;gt; 的內容。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-li.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-1477632940756137469?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Eaab-jZqxtUMw7sOveFDTTquce4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Eaab-jZqxtUMw7sOveFDTTquce4/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Eaab-jZqxtUMw7sOveFDTTquce4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Eaab-jZqxtUMw7sOveFDTTquce4/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/NXqronrIewA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1477632940756137469/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-li.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1477632940756137469?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1477632940756137469?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/NXqronrIewA/html-5-li.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;li&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/-eKvEv0d7cQg/TyD6AlmtjjI/AAAAAAAAK5U/Z72zvrZcapM/s72-c/litest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-li.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0ICRHs-eSp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1008013757523999832</id><published>2012-01-26T14:36:00.004+08:00</published><updated>2012-01-26T20:06:05.551+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:06:05.551+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;ul&gt;</title><content type="html">&amp;lt;ul&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;ul&amp;gt; 用作項目清單，清單中每個項目使用 &amp;lt;li&amp;amp;gt 列出。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-ul.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-1008013757523999832?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/GoVrdl8yvyy2DizP9Zrl5cHaOkg/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GoVrdl8yvyy2DizP9Zrl5cHaOkg/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/GoVrdl8yvyy2DizP9Zrl5cHaOkg/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GoVrdl8yvyy2DizP9Zrl5cHaOkg/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/CNNBlDRDtTw" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1008013757523999832/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-ul.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1008013757523999832?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1008013757523999832?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/CNNBlDRDtTw/html-5-ul.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;ul&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh6.googleusercontent.com/-AsEzW9kEiyo/TyDvkA4ZwjI/AAAAAAAAK5M/KIsLY3ZduUU/s72-c/ultest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-ul.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0IMQHc6eyp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-2250722707427922030</id><published>2012-01-26T14:00:00.004+08:00</published><updated>2012-01-26T20:06:21.913+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:06:21.913+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;ol&gt;</title><content type="html">&amp;lt;ol&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;ol&amp;gt; 用作編號清單，清單中每個項目使用 &amp;lt;li&amp;amp;gt 列出。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-ol.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-2250722707427922030?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/xLpKXUqqeyoXQR6CZW5ige5cE00/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/xLpKXUqqeyoXQR6CZW5ige5cE00/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/xLpKXUqqeyoXQR6CZW5ige5cE00/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/xLpKXUqqeyoXQR6CZW5ige5cE00/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/BxgVYQy98Ik" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/2250722707427922030/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-ol.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/2250722707427922030?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/2250722707427922030?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/BxgVYQy98Ik/html-5-ol.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;ol&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh6.googleusercontent.com/-PRS57MC5mxM/TyDq47UCH8I/AAAAAAAAK5E/KeJSvE0lfmA/s72-c/oltest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-ol.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0INQHc_fCp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-4345856109746036107</id><published>2012-01-26T13:17:00.003+08:00</published><updated>2012-01-26T20:06:31.944+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:06:31.944+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;blockquote&gt;</title><content type="html">&amp;lt;blockquote&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;blockquote&amp;gt; 為自動縮排的引用文字。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-blockquote.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-4345856109746036107?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/-fClJZH0pkM1emZhPSKdmpenyN0/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/-fClJZH0pkM1emZhPSKdmpenyN0/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/-fClJZH0pkM1emZhPSKdmpenyN0/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/-fClJZH0pkM1emZhPSKdmpenyN0/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/9OW-HkvtoSE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/4345856109746036107/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-blockquote.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/4345856109746036107?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/4345856109746036107?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/9OW-HkvtoSE/html-5-blockquote.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;blockquote&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/-IU3hEfcg0Co/TyDgxXj2NjI/AAAAAAAAK48/egU9B9NkIYY/s72-c/blockquotetest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-blockquote.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0EEQ3kycSp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1073861265780684527</id><published>2012-01-26T10:43:00.003+08:00</published><updated>2012-01-26T20:06:42.799+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:06:42.799+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;pre&gt;</title><content type="html">&amp;lt;pre&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;pre&amp;gt; 保留標籤內文字的原始編排，就是對空白字元包括換行符號都不做任何處理。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-pre.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-1073861265780684527?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/8BcmQ9PY2jv4YukAOs2wCLCrwVQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/8BcmQ9PY2jv4YukAOs2wCLCrwVQ/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/8BcmQ9PY2jv4YukAOs2wCLCrwVQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/8BcmQ9PY2jv4YukAOs2wCLCrwVQ/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/lA7B7daCpwM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1073861265780684527/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-pre.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1073861265780684527?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1073861265780684527?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/lA7B7daCpwM/html-5-pre.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;pre&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-8ocwZI5JEgk/TyC9OaghjSI/AAAAAAAAK40/-NGkW6TpzWU/s72-c/pretest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-pre.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0EFRX46fCp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-2619150564423138293</id><published>2012-01-26T10:15:00.004+08:00</published><updated>2012-01-26T20:06:54.014+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:06:54.014+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;hr&gt;</title><content type="html">&amp;lt;hr&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;hr&amp;gt; 用來畫出水平直線。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-hr.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-2619150564423138293?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Ibw22ZPRGW5t2g9IRN5mfYzi18Q/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Ibw22ZPRGW5t2g9IRN5mfYzi18Q/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Ibw22ZPRGW5t2g9IRN5mfYzi18Q/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Ibw22ZPRGW5t2g9IRN5mfYzi18Q/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/z09F3LSNVvo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/2619150564423138293/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-hr.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/2619150564423138293?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/2619150564423138293?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/z09F3LSNVvo/html-5-hr.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;hr&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-IcV7g05FkQw/TyC2soVE6RI/AAAAAAAAK4s/P7UqHWGL978/s72-c/hrtest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-hr.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0EGR3k9eyp7ImA9WhRUFUo.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-7638144314707187067</id><published>2012-01-26T09:47:00.006+08:00</published><updated>2012-01-26T20:07:06.763+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T20:07:06.763+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 群組元素 &lt;p&gt;</title><content type="html">&amp;lt;p&amp;gt; 為 HTML 文件的群組元素 (element) ， &amp;lt;p&amp;gt; 用來規劃文字段落，通常裡頭會放文字或其他文字元素。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-p.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-7638144314707187067?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/QFMoLqFcSyD2DxhoeYZAumZYpD0/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/QFMoLqFcSyD2DxhoeYZAumZYpD0/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/QFMoLqFcSyD2DxhoeYZAumZYpD0/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/QFMoLqFcSyD2DxhoeYZAumZYpD0/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/3UdE7pMw4R4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/7638144314707187067/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-p.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7638144314707187067?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/7638144314707187067?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/3UdE7pMw4R4/html-5-p.html" title="HTML 5 快速導覽 - 群組元素 &amp;lt;p&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh3.googleusercontent.com/-ghCPsor38Xg/TyClzOBuf6I/AAAAAAAAK4k/WMVRy6r-1JM/s72-c/ptest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-p.html</feedburner:origLink></entry><entry gd:etag="W/&quot;AkMHRH4_eCp7ImA9WhRUEU8.&quot;"><id>tag:blogger.com,1999:blog-4845599329221136551.post-1651526492055883729</id><published>2012-01-21T14:30:00.004+08:00</published><updated>2012-01-21T14:47:15.040+08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-21T14:47:15.040+08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML5教學" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML5快速導覽" /><title>HTML 5 快速導覽 - 區域元素 &lt;address&gt;</title><content type="html">&amp;lt;address&amp;gt; 為 HTML 文件的區域元素 (element) ，用來組織聯絡或版權資訊，通常會放在 &amp;lt;footer&amp;gt; 內。&lt;br&gt;
&lt;a href="http://pydoing.blogspot.com/2012/01/html-5-address.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-1651526492055883729?l=pydoing.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/56bp99oT5SXVypxpwwZy55BkgD4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/56bp99oT5SXVypxpwwZy55BkgD4/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/56bp99oT5SXVypxpwwZy55BkgD4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/56bp99oT5SXVypxpwwZy55BkgD4/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/EvJnN/~4/mYOBlH2rZls" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://pydoing.blogspot.com/feeds/1651526492055883729/comments/default" title="張貼意見" /><link rel="replies" type="text/html" href="http://pydoing.blogspot.com/2012/01/html-5-address.html#comment-form" title="0 個意見" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1651526492055883729?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4845599329221136551/posts/default/1651526492055883729?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/EvJnN/~3/mYOBlH2rZls/html-5-address.html" title="HTML 5 快速導覽 - 區域元素 &amp;lt;address&amp;gt;" /><author><name>Kaiching</name><uri>http://www.blogger.com/profile/10096342137342970684</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="28" src="http://4.bp.blogspot.com/-0NX7TmELLpw/TXoooEsHAbI/AAAAAAAADxU/Jtl3FdmDVw4/s220/gearp.png" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/-wmJhkUs0M0Q/Txpa5cnsvqI/AAAAAAAAK4Y/a2XpiAzSveM/s72-c/addresstest.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://pydoing.blogspot.com/2012/01/html-5-address.html</feedburner:origLink></entry></feed>

