導航:首頁 > 萬維百科 > 網頁設計製作表格的使用方法

網頁設計製作表格的使用方法

發布時間:2021-01-25 10:22:10

1、怎樣利用表格製作網頁?

一、創建基本的表格 一個表由<table>開始, </table>結束,表的內容由 <tr>,<th>和<td>定義。<tr>說明表的一個行,表有多少行就有多少個<tr>;<th>說明表的列數和相應欄目的名 稱,有多少個欄就有多少個<th>;<td>則填充由<tr>和<th>組成的表格。 這裡面有兩個概念要弄明白:表格與單元格。他們的關系是整體與局部的關系,如同砌牆的磚和砌好的牆一樣。在上面3行3列的表格中一共有9個單元格。由於我們後面將提到的表格屬性和單元格屬性有很多是相同的,所以一定要分清楚。前面已經說過表格的最基本標記為<table>、<tr>、<td>,可以先樹立這樣一個概念:描述整個表格的屬性標記放在<table>里,描述單元格的屬性標記放在<tr>、<td>里。 有這樣一個概念後,我們學習起來就可能簡單些。

2、如何在網頁製作中用好表格

?

3、如何使用dreamweaver製作表格

第一步打開dreamweaver;

第二步點擊插入——>表格;

第三步選擇表格有幾行幾列;

第四步可以選擇合並單元格。

4、網頁製作表格問題

1,為表格設置固定的寬度 使用 width屬性

2,加 />是正確的,這是復合xhtml規范的。

HTML與XHTML的區別

夢之都HTML與XHTML的區別一節主要是翻譯了w3c的 Differences with HTML 4 文章.
XHTML文檔必須具有良好完整的排版(well-formed)

編排良好性(Well-formedness)是XML引入的一個新概念.從本質上說,元素必須有結束標簽,或者必須以特殊方式書寫,而且元素必須嵌套.

盡管SGML規定重疊(overlapping)是非法的,但現有的瀏覽器普遍允許重疊.

正確:嵌套元素(nested elements)

<p>夢之都 <em>XHTML教程</em>.</p>

不正確:層疊元素(overlapping elements)

<p>夢之都 <em>XHTML教程</p>.</em>

元素和屬性名必須小寫

對於所有HTML元素和屬性名, XHTML文檔必須使用小寫. 因為XML是大小寫敏感的.如 <li> 和 <LI> 是不同的標簽.
對非空元素,必須使用結束標簽

在基於SGML的HTML4中的一些隱含結束意義的元素允許忽略結束標簽.XML不允許忽略結束標簽.除了在DTD中被聲明為空的元素,所有元素必須有結束標簽.

正確:結束的元素(terminated elements)

<p>夢之都的XHTML教程.</p><p>夢之都的CSS教程.</p>

不正確:未結束的元素(unterminated elements)

<p>夢之都的XHTML教程.<p>夢之都的CSS教程.

屬性值必須在引號中

所有的屬性值必須在引號中,即使是以數字形式的屬性值

正確:在引號中的屬性值(quoted attribute values)

<table rows="3">

不正確:不在引號中的屬性值(unquoted attribute values)

<table rows=3>

屬性最小化

XML不支持屬性最小化.屬性-屬性值必須完整成對的寫出.像disabled,checked這樣的屬性名不能在不指定屬性值的情況下出現.

正確:非最小化屬性(unminimized attributes)

<input checked="checked">

不正確:最小化屬性(minimized attributes)

<input checked>

空元素

空元素必須有結束標簽,或者起始標簽必須以/>結束.例如,<br/>或<hr></hr>.參看HTML兼容性指導HTML Compatibility Guidelines中的信息,以保證向後兼容HTML 4用戶代理程序.

正確:結束的空元素(terminated empty elements)

<br/><hr/>

錯誤:未結束的空標簽(unterminated empty elements)

<br><hr>

屬性值中的空白字元處理

用戶代理處理屬性值時將根據XML的下面方法操作Section 3.3.3:

* 刪去引導和後序空白符
* 將一個或多個空白符(包括換行)轉換成單個字元間空間

Script and Style 元素

XHTML中,script和style元素被聲明為#PCDATA內容形式,因此,<和&被看作是標識的開始,<和&等HTML實體將被XML處理器看作為實體引用而分別被認為是<和&.將script和style元素的內容隱蔽在CDATA標記中避免了這些實體的擴張.

<script>
<![CDATA[
... unescaped script content ...
]]>
</script>

CDATA部分被XML處理器識別,表現為文檔對象模型中的一個結點.參看Section 1.3的DOM LEVEL 1推薦標准[DOM].

替代的方式是使用外部script和style文檔.
SGML排斥

SGML給作者的DTD可以指定在一個元素內部禁止出現的元素.這樣的禁止在XML中是不可能的.

例如,嚴格的HTML 4 DTD"禁止"任何深度的'a'元素對另一'a'元素的嵌套.在XML中無法寫出這些的"禁止".雖然這些禁止不能被定義在DTD中,但是一些元素不應該被嵌套.對不能被嵌套的元素Element Prohibitions的總結.
具有'id'和'name'屬性的元素

HTML4定義了name屬性的元素有a,applet,form,frame,iframe,img and map.HTML4還引入了id屬性.這兩個屬性都是被設計用為片段標識符.

在XML中,片段標識符是ID,每個元素只能有一個ID類型的屬性.因此,在XHTML1.0中,id屬性被定義為ID類型.為保證 XHTML1.0文檔是結構良好(well-structured)的XML文檔,在定義一個片段標識符時,XHTML文檔必須使用id屬性,即使是對那些以前用name屬性的元素.參看 HTML Compatibility Guidelines,確保XHTML文檔以text/html媒體類型使用時,這些"錨(anchors)"能向後兼容.

注意,在XHTML 1.0中,name屬性是不贊成使用的,在以後的XHTML版本中將被刪除.
最後,夢之都做個總結:

* 標簽不能重疊,可以嵌套
* 標簽與屬性都要小寫
* 標簽都要有始有終,要麼以</p>形式結束,要麼以<br />形式結束
* 每個屬性都要有屬性值,並且屬性值要在雙引號中
* 別用name用id :)

5、網頁製作表格嵌套教程

表格抄嵌套還需要什麼專門的教程么?就是表格內在插入表格,主要的作用也就是用了固定網頁元素的位置。用表格嵌套,做起來比較麻煩,很容易出錯,出了錯修改更不方便。應該在一些比較早期的網頁教程里有相關的內容,現在一般是用div+css設計網頁樣式,很少有人再去製作這樣的教程了吧?

6、網頁製作的表格怎麼做

<table width="312" height="124" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td colspan="3"><div align="center">這是一個表格示例</div></td> </tr> <tr> <td><div align="center">姓名</div></td> <td><div align="center">姓別</div></td> <td><div align="center">年齡</div></td> </tr> <tr> <td><div align="center">張三</div></td> <td><div align="center">男</div></td> <td><div align="center">22</div></td> </tr> </table>

7、dreamweaver製作網頁表格使用方法

表格輸入語法格式:
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>.....
</table>
可以 用來 網頁布局,也專可以用來展示數據的。屬

8、怎樣用word製作表格網頁

先按自己想要的效果布局,另存為html格式

9、如何在網頁中製作表格框架

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;這樣把他的表格邊框遮住。。

10、如何用html製作表格

<html>
<title>三行三列空白表格</title>
<head>
<bady>
</br></br></br></br>
<tablewidth="200"border="1"align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</bady>
</head>
</html>
最後,報表可以用FineReport去製作表格,類Excel式,簡單拖拽版生成表格,功能強大,個人權版免費

與網頁設計製作表格的使用方法相關的知識