成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML之表格

Jensen / 3219人閱讀

摘要：每個表格均有若干行由標(biāo)簽定義，每行被分割為若干單元格由標(biāo)簽定義。字母指表格數(shù)據(jù)，即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本圖片列表段落表單水平線表格等等。

表格：

表格由

標(biāo)簽來定義。每個表格均有若干行（由 標(biāo)簽定義），每行被分割為若干單元格（由 
<strike id="myyaw"><input id="myyaw"></input></strike>
<strike id="myyaw"><input id="myyaw"></input></strike>
 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。border是邊框?qū)傩浴?/p>


<table border="1">
    <tr>
        <td>row 1, cell 1td>
        <td>row 1, cell 2td>
    tr>
    <tr>
        <td>row 2, cell 1td>
        <td>row 2, cell 2td>
    tr>
table>



運(yùn)行結(jié)果：




表格標(biāo)簽：





標(biāo)簽描述






定義表格





定義表格的表頭，大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本






定義表格的行





定義表格單元







定義表格標(biāo)題







定義表格列的組







定義用于表格列的屬性







定義表格的頁眉







定義表格的主體







定義表格的頁腳






表格形式：


1.無邊框表格



第一種：
<table>
   <tr>
       <td>100td>
       <td>200td>
       <td>300td>
   tr>
   <tr>
       <td>400td>
       <td>500td>
       <td>600td>
   tr>
table>

第二種：
<table border="0">
   <tr>
       <td>100td>
       <td>200td>
       <td>300td>
   tr>
   <tr>
       <td>400td>
       <td>500td>
       <td>600td>
   tr>
table>



2.表頭



水平標(biāo)題：
<table border="1">
    <tr>
       <th>表頭一th>
       <th>表頭二th>
       <th>表頭三th>
    tr>
    <tr>
       <td>100td>
       <td>200td>
       <td>300td>
    tr>
table>

垂直標(biāo)題：
<table border="1">
    <tr>
       <th>表頭一th>
       <td>100td>
    tr>
    <tr>
       <th>表頭二th>
       <td>200td>
    tr>
    <tr>
       <th>表頭三th>
       <td>300td>
    tr>
table>



運(yùn)行結(jié)果：





表頭一表頭二表頭三



100
200
300









表頭一
100



表頭二
200



表頭三
300






3.標(biāo)題



<table border="1">
<caption>標(biāo)題caption>
    <tr>
       <th>表頭一th>
       <td>100td>
    tr>
    <tr>
       <th>表頭二th>
       <td>200td>
    tr>
    <tr>
      <th>表頭三th>
       <td>300td>
    tr>
table>



運(yùn)行結(jié)果：


標(biāo)題


表頭一
100



表頭二
200



表頭三
300






4.跨行跨列的表格單元格（


 合并單元格：
? ? ? 單元格屬性：
? ? ? colspan=2 水平合并 向右合并 值包含自己
? ? ? rowspan=2 垂直合并 向下合并 值包含自己
? ? ? 合并單元格本質(zhì)就是改變寬度 高度 占位實現(xiàn)的


）



<table border="1">
    <tr>
       <th>表頭一th>
       <th colspan="2">表頭二th>
      
    tr>
    <tr>
       <td>100td>
       <td>200td>
       <td>300td>
    tr>
table>
<table border="1">
    <tr>
       <th>表頭一th>
       <td>100td>
    tr>
    <tr>
       <th rowspan="2">表頭二th>
       <td>200td>
    tr>
    <tr>  
       <td>300td>
    tr>
table>



運(yùn)行結(jié)果：





表頭一表頭二



100
200
300









表頭一
100



表頭二
200




300






5.表格內(nèi)的標(biāo)簽



<table border="1">
<tr>
  <td>
   <p>這是一個段落p>
   <p>這是另一個段落p>
  td>
  <td>這個單元格包含一個表格:
   <table border="1">
   <tr>
     <td>Atd>
     <td>Btd>
   tr>
   <tr>
     <td>Ctd>
     <td>Dtd>
   tr>
   table>
  td>
tr>
<tr>
  <td>這個單元格包含一個列表
   <ul>
    <li>applesli>
    <li>bananasli>
    <li>pineapplesli>
   ul>
  td>
  <td>HELLOtd>
tr>
table>



運(yùn)行結(jié)果：








這是一個段落


這是另一個段落


這個單元格包含一個表格:





A
B




C
D










這個單元格包含一個列表

    

  • apples
    • 

  • bananas
    • 

  • pineapples
    • 



HELLO






6.單元格邊距，? ?cellpadding="0" 邊距（內(nèi)容和單元格的距離）



<h4>沒有單元格邊距:h4>
<table border="1">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>   
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>

<h4>有單元格邊距:h4>
<table border="1" 
cellpadding="10">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>   
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>



運(yùn)行結(jié)果：


沒有單元格邊距:






First
Row




Second
Row






有單元格邊距:






First
Row




Second
Row






7.單元格間距，? ?cellspacing="0" 間距（單元格與單元格的距離



<h4>沒有單元格間距:h4>
<table border="1">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>

<h4>單元格間距="0":h4>
<table border="1" cellspacing="0">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>

<h4>單元格間距="10":h4>
<table border="1" cellspacing="10">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>



運(yùn)行結(jié)果：


沒有單元格間距:






First
Row




Second
Row






單元格間距="0":






First
Row




Second
Row






單元格間距="10":






First
Row




Second
Row






?
           
               
                                           
                       
                 
            
                     
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1596.html

               

                      
               
              
              

                
相關(guān)文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    前端開發(fā)知識點之 html &css
    
                                                     
    摘要：聲明允許表現(xiàn)性元素，廢氣元素以及。眾所周知強(qiáng)制屬性就是為禁用圖片時的兼容性作考慮。而正確的遵循標(biāo)簽的語義，則是保證禁用時的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結(jié)合成的外邊距稱為折疊外邊距。

HTML&CSS 大綱
對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級、
HTML5、CSS3、Flexbox

doctype

聲...
    
                                                   
                          
    
                                
    
                                    felix0913
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    前端開發(fā)知識點之 html &css
    
                                                     
    摘要：聲明允許表現(xiàn)性元素，廢氣元素以及。眾所周知強(qiáng)制屬性就是為禁用圖片時的兼容性作考慮。而正確的遵循標(biāo)簽的語義，則是保證禁用時的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結(jié)合成的外邊距稱為折疊外邊距。

HTML&CSS 大綱
對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級、
HTML5、CSS3、Flexbox

doctype

聲...
    
                                                   
                          
    
                                
    
                                    Scliang
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    CSS之表格邊框合并、兄弟標(biāo)簽外邊距合并、父子標(biāo)簽的外邊距合并
    
                                                     
    摘要：本文內(nèi)容表格邊框合并兄弟標(biāo)簽外邊距合并父子標(biāo)簽的外邊距合并首發(fā)日期表格邊框合并發(fā)生情況當(dāng)設(shè)置了后，表格的相鄰邊框會合并，使得邊框變粗了。
本文內(nèi)容：

表格邊框合并
兄弟標(biāo)簽外邊距合并
父子標(biāo)簽的外邊距合并

?
首發(fā)日期：2018-05-01
?

表格邊框合并：
?
發(fā)生情況：
當(dāng)設(shè)置了cellpadding=0 cellspacing=0后，表格的相鄰邊框會合并，使得邊框變粗了。

D...
    
                                                   
                          
    
                                
    
                                    _Dreams
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    HTML之body標(biāo)簽中的相關(guān)標(biāo)簽補(bǔ)充
    
                                                     
    摘要：一列表標(biāo)簽列表標(biāo)簽分為三種。二表格標(biāo)簽表格標(biāo)簽用表示。單元格和單元格之間的距離外邊距，像素為單位。例如表示當(dāng)前單元格在水平方向上要占據(jù)兩個單元格的位置。輸入標(biāo)簽文本框輸入標(biāo)簽文本框用于接收用戶輸入。一 列表標(biāo)簽

　　列表標(biāo)簽分為三種。
　　1、無序列表，無序列表中的每一項是
　　　　英文單詞解釋如下：
　　　　　　a.ul：unordered list，無序列表的意思。
　　　　　　b.l...
    
                                                   
                          
    
                                
    
                                    felix0913
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    HTML+CSS復(fù)習(xí)之HTML基礎(chǔ)篇
    
                                                     
    摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。

一些說明
寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題，這才是學(xué)習(xí)HTML和CSS的最佳方法
這是我學(xué)習(xí)一段時間之后，再次回顧HTML，希望大家也對HTML有不一樣的認(rèn)識
我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...
    
                                                   
                          
    
                                
    
                                    genefy
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

                  
                  
發(fā)表評論

                   
               

              

                

                  
0條評論
   
                
 
                      

              

           
           

              
 
                

                   
              
  

                  
最新活動
 
           
                             
              





                                
              

           

        
       
    
    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    








        

            

              
              
            

             
        

    









<