html的table用法(讓網頁的視覺效果顯示出來)

我們知道在網易博客可以用html時,是否把代碼直接加入到摸板中,但是效果卻不是很好。那是因為沒有對代碼進行很好的排列,現在我說一下用table來排列,可以很好的把特效顯示出來。
在html語法中table(即表格)是不可少的部分,沒有著個,是很難對網頁的視覺效果顯示出來,現在我就說一下table。下面就是一個二行二列的表格:
|
|
|
|
代碼為:<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
tr表示行,td表示列,border表示粗細(”0“就是不會顯示), 表示空格。在這里,表格的寬度最好是100%(width="100%"),現在明白了嗎?明白了就可以在“<TD> </TD>”加上你想要的代碼.
如:<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<td><marquee>歡迎來到ω.⑨s.使者家園</marquee></td>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
效果為:
|
|
|
|
就像這樣,其他的一樣。
再說一點:我們弄表格時有些像這樣的表格:
|
|
|
|
|
|
|
的做法是:
<table border="1" width="100%">
</table>
和
<table border="1" width="100%">
</table>
仔細一看就多出了colspan="2"和rowspan="2"是不是啊?。。?!
這個你是要要的"2"是參數,也要自己設的〉
<table border="1" width="100%">
</table>
和
<table border="1" width="100%">
</table>
的效果分別為:
|
|
和
|
|
|
注意:其他的代碼一定要加在<td>....</td>中,此獻給那些對html不了解的朋友們!!
相關文章
- 在Web頁面上我們可以使用frame和rules來控制表格邊框是否可見,下面我們就來詳解HTML中table表格的frame和rules屬性,需要的朋友可以參考下2016-07-08
- 用table標簽在Web上顯示表格內容是HTML所具有的最基本功能之一,這里我們就來看一下HTML中table表格標簽的基礎學習教程,需要的朋友可以參考下2016-07-08
html css 控制div或者table等固定在指定位置的實現方法
下面小編就為大家?guī)硪黄猦tml css 控制div或者table等固定在指定位置的實現方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考,一起跟隨小編過來看看吧2016-06-13使用HTML5中的contentEditable來將多行文本自動增高
這篇文章主要介紹了使用HTML5中的contentEditable來將文本自動增高的方法,文章先對contentEditable這個HTML5中的新屬性作了一個簡單介紹,需要的朋友可以參考下2016-03-01- 這篇文章主要介紹了HTML的table表格標簽與相關的換行問題,文中給出了強制換行和強制不換行的解決方案,需要的朋友可以參考下2016-02-22
html中Div與table的區(qū)別(各方面細節(jié)探討)
Div與table的區(qū)別表現在的方面很多比如:速度和加載方式方面的區(qū)別、在網頁應用中的差別、DIV與Table布局在大型網站的可用性比較等等,感興趣的朋友可以參考下哈,希望在概2013-06-14- 為了布局的美觀度需要在html中固定標題列、標題頭,本文整理了一些相關實現技巧,經測試還不錯,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-26
- 下面小編就為大家?guī)硪黄狧TML table 直列化格式詳解。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-26