雲橙雨林 :: 痞客邦 ::

Aug 03 Fri 2012 14:09
Html 基本說明（14） - 製作動態選單

0000標題012

有許多人，會用flash來製作選單，可以做出許多漂亮的動態選單，但是flash的動態選單並不是萬能的，他有幾項問題，造成網路的困擾

(繼續閱讀...)

雲橙雨林發表在痞客邦留言(0) 人氣()

個人分類：Html 基本說明

▲top

Aug 01 Wed 2012 14:30
Html 基本說明（13） - 讓表格有分列顏色的效果！

在表格的設計中，當你在表格的資料越多的時候，可能有好幾十列的資料，當使用者在看的時，會看不清他要的是那一行資料，

又特別拿尺來對齊，才能明顯看後到資料，此時對於網路的使用者來說，是一件很麻煩的事。

(繼續閱讀...)

雲橙雨林發表在痞客邦留言(0) 人氣()

個人分類：Html 基本說明

▲top

Jul 31 Tue 2012 15:30
Html 基本說明（12） - 讓表格加入細邊框

依照Html 基本說明（11），我們再來讓表格漂亮一點，橙子再將程式列表一次

<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚和橙的結合</title>

</head>

<body>
<table border="1">
  <caption>
  各國獎牌數
  </caption>
  <thead>
    <tr>
      <th>&nbsp;</th>
      <th>Gold</th>
      <th>Sliver</th>
      <th>Copper</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>chinese taipei</td>
      <td>2</td>
      <td>2</td>
      <td>2</td>
    </tr>
    <tr>
      <td>american</td>
      <td>30</td>
      <td>15</td>
      <td>20</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>sum</td>
      <td>32</td>
      <td>17</td>
      <td>22</td>
    </tr>
  </tfoot>
</table>
</body>
</html>

和前個例字不同的，當我們將<table> 改成 <table border="1">，也就是將表格將入邊框，再來看結果如何：

(繼續閱讀...)

雲橙雨林發表在痞客邦留言(0) 人氣()

個人分類：Html 基本說明

▲top

Jul 30 Mon 2012 17:39
Html 基本說明（11）- 加入表格

網頁就像文書，須要許多的表格來清楚表示文章的意思，利用表格來描素數據是再好不過的事了！

以下就來說明表格的寫法，我們先來寫個3x4的表格吧！

(繼續閱讀...)

雲橙雨林發表在痞客邦留言(0) 人氣()

個人分類：Html 基本說明

▲top

Jul 26 Thu 2012 14:13
Html 基本說明（10）- 如何改變列表清單圖案或數字

我們再來說明如何改變列表的圖案，一樣用上個程式式來說明

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>魚和橙的結合</title>
</head>

<body>
<h1>How to use LIST 2 -魚和橙的結合</h1>
<h2>Use (ul)</h2>
<ul>
  <li>Round Round Round</li>
  <li>Square Square Square</li>
  <li>Triangle Triangle Triangle</li>
  <li>Diamond Diamond Diamond</li>
</ul>
<h2>Use (ol)</h2>
<ol>
  <li>one one one</li>
  <li>two two two</li>
  <li>three three three</li>
  <li>four four four</li>
</ol>
</body>
</html>