https://www.andcycle.idv.tw/mediawiki/index.php?action=history&feed=atom&title=Computer%3A_Makeuper%3A_HTML%3A_Barebones Computer: Makeuper: HTML: Barebones - Revision history 2026-05-17T02:19:44Z Revision history for this page on the wiki MediaWiki 1.43.3 https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&diff=9400&oldid=prev Wini: 回復至未受 Spammer 破壞前 2006-02-23T17:32:57Z <p>回復至未受 Spammer 破壞前</p> <a href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&amp;diff=9400&amp;oldid=9143">Show changes</a> Wini https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&diff=9143&oldid=prev 211.54.175.130 at 02:07, 23 February 2006 2006-02-23T02:07:23Z <p></p> <a href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&amp;diff=9143&amp;oldid=7288">Show changes</a> 211.54.175.130 https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&diff=7288&oldid=prev Ahtwang: /* 連結 */ 2004-11-24T03:29:34Z <p><span class="autocomment">連結</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 03:29, 24 November 2004</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=連結=</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=連結=</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">回到 </del>[[Computer]] <del style="font-weight: bold; text-decoration: none;">‧ 回到 </del>[[Computer: Makeuper]]<del style="font-weight: bold; text-decoration: none;">&lt;br /&gt;回到 </del>[[Computer: Makeuper: HTML]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Computer]]<ins style="font-weight: bold; text-decoration: none;">:</ins>[[Computer: <ins style="font-weight: bold; text-decoration: none;">Makeuper|</ins>Makeuper]]<ins style="font-weight: bold; text-decoration: none;">:</ins>[[Computer: Makeuper: <ins style="font-weight: bold; text-decoration: none;">HTML|</ins>HTML]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=HTML 骨架=</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=HTML 骨架=</div></td></tr> </table> Ahtwang https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&diff=2365&oldid=prev Wini at 15:18, 20 November 2004 2004-11-20T15:18:45Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:18, 20 November 2004</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=連結=</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]&lt;br /&gt;回到 [[Computer: Makeuper: HTML]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=HTML 骨架=</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=HTML 骨架=</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> </table> Wini https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_HTML:_Barebones&diff=2292&oldid=prev Ahtwang at 12:16, 20 November 2004 2004-11-20T12:16:50Z <p></p> <p><b>New page</b></p><div>=HTML 骨架=<br /> <br /> 只要把下面的這些剪下貼上到記事本 (或是任何一個文字編輯器)，存檔 (副檔名記得用 html 或是 htm) 之後連點兩下開啟，就可以看到一個完全空白的網頁了：<br /> <br /> &lt;pre&gt;<br /> &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;<br /> &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br /> &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br /> &lt;head&gt;<br /> &lt;meta http-equiv=&quot;Content-Type&quot; <br /> content=&quot;text/html; charset=big5&quot; /&gt;<br /> &lt;title&gt;顯示在瀏覽器視窗標題列的標題&lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> &lt;/pre&gt;<br /> <br /> 瀏覽器標題列當然會顯示「顯示在瀏覽器視窗標題列的標題」囉！<br /> <br /> 這裡有兩個一定要知道的細節：<br /> <br /> *在 title 標籤裡可以修改瀏覽器視窗標題列顯示的文字，千萬別忘了要改哦！<br /> *在 meta 標籤第二行最後面的「big5」，是用來指定文件編碼的。如果你只要寫中文和英文的文件，這樣就可以了；但是若你要在同文件用上多國語言，可以考慮把 big5 改成 utf-8 來指定萬國碼。一旦改用 UTF-8，也請記得存檔時要指定用 UTF-8 格式存檔，不然會出現亂碼哦！<br /> <br /> ==額外的小知識==<br /> <br /> *一開始的 !DOCTYPE 用途是註明文件類型，告訴瀏覽器這份文件是符合 W3C.org 裡 XHTML 1.0 Transitional 標準的文件。一般來說這裡都不會需要動到，所以直接貼上就好。<br /> <br /> *文件編碼：所有的文字存在電腦裡的時候都只是一堆數字，而電腦在顯示文字的時候，會像查字典一樣，把每個數字抓出來，找到字典對照之後，再按字典上的模樣把那個字「畫」在螢幕上。不同的語言會有不同的字典告訴電腦怎麼畫每個字，而這個「字典」，就是所謂的編碼。臺灣傳統上用的是 Big5 (大五碼) 編碼，但是近幾年有愈來愈多人開始用 UTF-8 萬國碼；這是因為 UTF-8 這本「字典」裡包括了許多國家的文字，比大五碼泛用，可以同時顯示多國語言。不過在指定用 UTF-8 顯示文件之前，儲存文件時就要指定好 UTF-8 了，不然會造成亂碼。<br /> <br /> *標籤對稱：眼尖的讀者應該都注意到每個標籤都是對稱的；有 html 就有 /html，有 body 就有 /body，有開頭就有結束。唯一的例外，就是 meta，不用 /meta 而是直接空一格再加上斜線和右角括號。這是因為 meta 的裡面不會再有包進其他東西了。這是 XHTML 1.0 的規定，千萬別忘了。<br /> <br /> *以後所有文件內容都會寫進 body 到 /body 標籤的中間</div> Ahtwang