人机界面(HTML表格)范例

返回
关闭画面指令
＜a href="javascript:window.close()"＞閉じる＜/a＞

表格的并列,关键使用align="left"!
中国厂家A 中国厂家B 中国厂家C
中国厂家D 中国厂家E 中国厂家F
中国厂家G 中国厂家H 中国厂家I
日本厂家A 日本厂家B 日本厂家C
日本厂家D 日本厂家E 日本厂家F
日本厂家G 日本厂家H 日本厂家I

主机零件表范例1,主机Type,Serial No.2443,DWG
ITEM name code QTY unit weight price
MAIN SHAFT BEARING
1 LOCKING WIRE,BOLT &NUT 114062 50 PCS 0.5 10
2 LOCKING WIRE,PITON PIN NUT 235211 50 PCS 0.5 10
主机零件表范例2,主机Type,Serial No.Detroit Diesel Series 50TM,DWG
ITEM name code QTY unit weight price
12.4A Air Compressor
12.4A 039 Gasket, Air Compressor Drive Housing
1 Gasket(1.5040):USE:23515145 23511871 3 PCS xx xx
2 Gasket(1.5040) 23515145 3 PCS xx xx
12.4A Air Compressor
12.4A 040 Hub, Air Compressor
3 HUB 08929721 5 PCS xx xx
4 NUT, M20X2 1/2 11506017 5 PCS xx xx

HTML基本网页

<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>题目</TITLE> <style type="text/css"> body { background:lightcyan; color:black; margin-left:2em;margin-right:2em;} </style> </HEAD> <BODY> 内容 </BODY> </HTML>

HTML表格例子1

<table width=80% align="center" border=1 cellpadding=5> <tr bgcolor="#FFD700" align="center"> <th width=10%>ID</th> <th width=40%>Name</th> <th width=20%>memo</th> <th width=10%>修正釦</th> </tr> <TMPL_LOOP NAME="this_loop"> <tr bgcolor="#F0FFF0" align="left"> <td><TMPL_VAR NAME="id"></td> <td><TMPL_VAR NAME="name"></td> <td><TMPL_VAR NAME="memo"></td> <td><form action="" method="post"> <input type="submit" value="修正"><p> <input type="hidden" name="rm" value="modeshowone"> </form></td> </tr> </TMPL_LOOP> </table>

HTML表格例子2

<table width=85% align="center" border=1 cellpadding=5> <!-- 题目 --> <tr bgcolor="#FFD700" align="center"> <th width=5%>ID</th> <th width=10%>名称</th> <th width=70%>内容</th> <th width=5%>修正釦</th> </tr> <!-- 循环指定 --> <TMPL_LOOP NAME="LOOP"> <tr bgcolor="#F0FFF0" align="left"> <td rowspan=2><TMPL_VAR NAME="id"></td> <td>company</td> <td><TMPL_VAR NAME="company"></td> <td rowspan=2> <form action="" method="post"> <input type="submit" value="修正"><p> <form action="" method="post"> <input type="hidden" name="rm" value="modeshowone"> </form> </td> </tr> <tr bgcolor="#F0FFF0" align="left"> <td>address</td> <td><TMPL_VAR NAME="address"></td></tr> </TMPL_LOOP> </table>
返回