『壹』 網頁中table布局的介紹請高手們幫幫忙啊。
我感覺正確的布局是使用DIV等布局元素來製作頁面的設計布局,定位,色塊,圖片等。
而使用Table,UL等這樣的元素來顯示頁面中需要展示的數據。因為DIV不會像Table一樣,在IE下要將整個Table下載完後才全部顯示內容(firefox不會),所以用Table來布局顯然是不合適的,尤其是數據量大時,在IE下用Table會慢的多。而DIV就好多了。當然,DIV也起整理數據的作用。DIV用於布局,Table用於顯示數據,這是現在最基本的布局原則。
Table布局是表中套表.表中有表.在讀取時.IE會從第一個表開始.速度就明顯慢下來.
而DIV而不然.通過DIV布局的頁面.基本同步出來.速度要快.
『貳』 如何使用html語言寫這樣一個table
<table width=100%>
</table>
換行自動支持,段落需要讀出來時replace("字串"," ","<br>")
『叄』 網頁製作table+div
table三行三列的網頁:
<table>
<tr><tdcolspan="3"></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><tdcolspan="3"></td></tr>
</table>
div三行三列的網頁:
<div></div>
<div><divstyle="float:left;"></div><divstyle="float:left;"></div><divstyle="float:left;"></div></div>
<div></div>
不懂可以追問我,有用請採納
『肆』 WEB 網頁設計 table實現謝謝了,大神幫忙啊
<table border=1> <tr><td>學號</td><td>姓名</td><td>系別</td></tr> <tr><td>080903000</td><td>楊木宇</td><td>計科系</td></tr> <tr><td><簡歷></td><td colspan=2>A1997~2002 小學 B2002~2008中學 C2008至今大學</td></tr> <tr><td>體會</td><td colspan=2></td></tr> </table> 用幾分鍾寫了個和簡陋的。不知道你要的什麼格式。有圖片就好了。 你自己在看著改下吧。
『伍』 如何在網頁中製作表格框架
table{
border:1px solid #000;/*黑色1像素粗邊框*/
}
td{
border:none;/*這個是單元格,不給他要邊框*/
}
以上是全局的,用了以後所有的表格都是這個樣式。
如果你要給特定的表格加入這個樣式:
1 給那個表格加上class='classname' (classname是你自己起的樣式名)
2 然後在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗邊框*/
}
.classname td{
border:none;/*這個是單元格,不給他要邊框*/
}
只有內邊框沒有外邊框的話,我就只會用賴皮的方法:給table外面套一個overflow:hidden的div,寬度和高度比table小2px,給table加上margin-left:-1px;margin-right:-1px;這樣把他的表格邊框遮住。。
『陸』 table標簽製作網頁的步驟
一般就是table裡面套<tr><td></td></tr>了,至於幾行幾列,或是否規則表格修改相關屬性即可。製作前自己心裡要先有個數,表格大小、樣式、背景等。
『柒』 1. 使用HTML <Table>編寫一個顯示如下表格的完整網頁.
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>NewDocument</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<STYLETYPE="TEXT/CSS">
table{
text-align:center;
}
</STYLE>
</HEAD>
<BODY>
<CENTER>
<TABLEcellspacing=0width=500border=1>
<THEAD><TR><TDalign="center"colspan=6>2011級《網站涉及與建設》成績表</TD></TR></THEAD>
<TR>
<TDrowspan=2>學號</TD>
<TDrowspan=2>姓名</TD>
<TDcolspan=3>單項成績</TD>
<TDrowspan=2>總成績</TD>
</TR>
<TR>
<TD>試驗</TD>
<TD>作業</TD>
<TD>筆試</TD>
</TR>
<TR>
<TD>2006020001</TD>
<TD>李小靜</TD>
<TD>18</TD>
<TD>9</TD>
<TD>68</TD>
<TD>95</TD>
</TR>
<TR>
<TD>2006020002</TD>
<TD>王麗容</TD>
<TD>14</TD>
<TD>8</TD>
<TD>63</TD>
<TD>85</TD>
</TR>
<TR>
<TD>2006020003</TD>
<TD>郭永光</TD>
<TD>16</TD>
<TD>9</TD>
<TD>66</TD>
<TD>91</TD>
</TR>
<TR>
<TD>2006020004</TD>
<TD>楊玉蘭</TD>
<TD>17</TD>
<TD>7</TD>
<TD>58</TD>
<TD>82</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
『捌』 在網頁中創建一個新的表格有哪些方法
1.response.write("<table>")
........................
用代碼在網頁載入的時候生成表格
2。在代碼頁面,手動輸入表格標記,創建表格
3.用Dreamwear工具欄,點擊表格快捷標簽添加表格
『玖』 如何實現 在網頁中 直接對《table》 進行編輯
在每個<td></td>標簽內加入<input>標簽
『拾』 在HTML頁面里 怎麼提交一個TABLE
最普通最常用最一般的方法就是用submit type..看代碼:
<form name=」form」 method=」post」 action=」#">
<input type=」submit」 name=」submit」 value=」提交">
</form>
另外,還有一種常用的方法是使用圖片:
<form name=」form」 method=」post」 action=」# ">
<input type=」image」 name=」submit」 src=」btnSubmit.jpg」>
</form>
使用鏈接來提交表單,用到了javascript的DOM模型:
<form name=」form」 method=」post」 action=」#」>
<a href=」javascript:form.submit();」>提交</a>
</form>
這種方法實際上是調用了一個javascript函數,使用javacript函數來提交表單,方法就非常多非常靈活了,比如可以把它加入到任意一個標簽的onclick事件中:
<form name=」form」 method=」post」 action=」#」>
<div onclick=」javascript:form.submit();」>
<span>提交</span>
</div>
</form>
但是,如果一個表單里有需要有多個提交按鈕怎麼辦呢?
比如一個表單里的提交按鈕所指向的處理頁面不同,這樣由於表單在定義的時候就已經確定下表單數據的處理頁面,所以單純地在表單里放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。
首先定義一個函數:
<script language=javascript>
function query(){
form.action=」query.php」;
form.submit();}
function update(){
form.action=」update.php」;
form.submit();}
</script>
通過javascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內代碼如下:
<form name=」form」 method=」post」 action=」#」>
<input type=」button」 name=」query」 onclick=」query();」 value=」查詢」>
<input type=」button」 name=」update」 onclick=」update();」 value=」更新」>
</form>
上面一段代碼,使用的是普通的按鈕,而提交功能的實現方法是在它的onclick事件中調用javascript函數.