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

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