字級換算

字級換算：
12pt = 16px = 1em = 100% = small

9pt  = 12px

small = 12pt
medium = 14pt
large         = 16pt




目前的推薦值是 8-12pt，或是12/13/16 px。
內文少字可以用 12pt，多字用 10/11pt，小字用 9pt，號稱有質感的超小字用 8pt (最小可用值), 中標題 15/16pt, 大標題 18pt 以上隨便亂用反正都不會很好看。

地雷設定值 (少用為佳):
(pt) 1-7pt, 15pt,
(px) 1-10px, 14px, 20px

鏈結標籤< a 裡面可以加javascript

鏈結標籤< a > 裡面可以加javascript

可用在以圖片為按鈕


 <tr>
                  <td colspan="2" height="16" align="right" valign="middle"> <img src="images/arrow01.gif" width="10" height="10" alt=" ">搜
                    尋 字 串︰</td>
                  <td height="16" valign="middle" width="75%">
                    <input name=p size=20 value="網路">
                    <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image201','','images/search_01.gif',1)" onBlur="MM_swapImgRestore()" onFocus="MM_swapImage('Image201','','images/search_01.gif',1)">
                    <INPUT TYPE="image" name="Image201" border="0" src="images/search.gif" alt="確定搜尋" width="90" height="23"
                           align="absbottom">
                    </a> </td>
                </tr>

HTML表格欄位寬度，不受內文影響寬度

症狀 : 

無論怎麼設定 table 的width (欄位寬度) ，還是會被內容字串的長度影響。

醫治良帖 : 

<table style="word-break:break-all">

完畢。

參考 :

強制HTML表格內文不超出設定寬度 (強制斷行)

下拉式選單 Select

<table width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
    <td bgcolor="#CAF2FF" width="20%" class="font" align="center">匯入年份</td>
        <td bgcolor="#FFFFFF" width="80%" class="font" align="left">
        <Select Name='sel_year'>
            <option value="" selected>---請選擇---</option>
<%
        For i=year(date) to year(date)+1
%>
<Option Value="<%=i%>"><%=i%></Option>
            <%
Next
%></Select>
           
        </td>
</tr>

[htm]一個帶有邊框，很普通的table

一個帶有邊框，很普通的table

<table summary="功能區塊攔位" width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1%" height="1%" align="left" valign="top"><img src="../images/page_item01.jpg" alt="" width="15" height="12"></td> <td width="99%" height="1%" background="../images/page_item04.jpg"><img src="../catch/1_alpha.gif" alt="" width="1" height="12"></td> <td width="1%" height="1%" align="left" valign="top"><img src="../images/page_item06.jpg" alt="" width="15" height="12"></td> </tr> <tr> <td align="left" background="../images/page_item02.jpg"> </td> <td align="left" valign="top"> 內容放這裡 </td> <td align="right" background="../images/page_item07.jpg"> </td> </tr> <tr> <td width="1%" height="1%" align="left" valign="top"><img src="../images/page_item03.jpg" alt="" width="15" height="15"></td> <td background="../images/page_item05.jpg"> </td> <td width="1%" height="1%" align="left" valign="top"><img src="../images/page_item08.jpg" alt="" width="15" height="15"></td> </tr> </table>