ホワイトプログラマ翌日

テーブル表

完全なテーブルです:表のタイトル ヘッダ テーブルの内容の フッターの設定

   完全なテーブルのメリット:あなたはより良いロードされたブラウザの効率を向上させることができます

<表>

<キャプション>タイトル</キャプション>(デフォルトではセンタリング)//タイトル

 <THEAD> //ヘッダー(太字のデフォルト集中しているスタイル)

  <TR> //行を示し

<TD>は//列を表し

</ TD>

  </ TR>

 </ THEAD>

         <TBODY> //ボディ

   <TR>

<TD> body1 </ TD>

   </ TR>

  </ TBODY>

          <TFOOT> //フッター

<TR>

<TD> foot1 </ TD>

</ TR>

</ TFOOT>

</ TABLE>

テーブルの幅がある場合は、コンテンツの幅がテーブルの幅を保持するのに十分な内容ではありません

テーブルの内容の幅が十分で表示された場合

この時点で、あなたのテーブルセッティングの幅の状況

 

二文字换行

向こう連続英語のdivの幅折り返されません。

中国の宇宙システムは、改行の兆候と考えられています

システムに達するの線路長を強制

 

マージ3つのテーブルの(対応する行または列を削除するであろういくつかの行または列をマージ)

マージ行の ROWSPAN

そして結ば COLSPAN

 

列子:

<テーブルのボーダー=「1pxの」スタイル=「テキスト整列:センター;」>

<キャプション>エクササイズコースリスト</キャプション>

<TR>

<TD COLSPAN = "2">時間</ TD>

<TD>月曜日</ TD>

<TD>火曜日、</ TD>

<TD>水曜日</ TD>

<TD>木曜日、</ TD>

<TD>金曜日</ TD>

</ TR>

<TR>

<TD ROWSPAN = "4"> 1 </ TD>

<TD>ファーストクラス</ TD>

<TD> 1 </ TD>

<TDのROWSPAN = "3">大規模なデータベースアプリケーションの開発</ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスII </ TD>

<TD> </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>第三のクラス</ TD>

<TD> </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスIV </ TD>

<TD> </ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD ROWSPAN = "4"> 1 </ TD>

<TD>クラスV </ TD>

<TD ROWSPAN = "2">大课</ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスVI </ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスVII </ TD>

<TD> </ TD>

<TD> 4 </ TD>

<TD COLSPAN = "3">自习</ TD>

</ TR>

<TR>

<TD>クラスVIII </ TD>

<TD> </ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

</ TABLE>

レンダリング:

 

 

スタイル4つのテーブル。

パディングCELLPADDING = "0" のセル

CELLSPACING =「0」セルとの間の距離

行を分割する境界内に表示されるルール

行の表示行

colsの表示欄

すべてのショー

 

今日は、テーブルの併用の中間点は、合併のテーブルの理解はそれで堪能になることです

<TD>火曜日、</ TD>

<TD>水曜日</ TD>

<TD>木曜日、</ TD>

<TD>金曜日</ TD>

       </ TR>

<TR>

<TD ROWSPAN = "4"> 1 </ TD>

<TD>ファーストクラス</ TD>

<TD> 1 </ TD>

<TDのROWSPAN = "3">大規模なデータベースアプリケーションの開発</ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスII </ TD>

<TD> </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>第三のクラス</ TD>

<TD> </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスIV </ TD>

<TD> </ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD ROWSPAN = "4"> 1 </ TD>

<TD>クラスV </ TD>

<TD ROWSPAN = "2">大课</ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスVI </ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

<TR>

<TD>クラスVII </ TD>

<TD> </ TD>

<TD> 4 </ TD>

<TD COLSPAN = "3">自习</ TD>

</ TR>

<TR>

<TD>クラスVIII </ TD>

<TD> </ TD>

<TD> 4 </ TD>

<TD> 5 </ TD>

<TD> 6 </ TD>

<TD> 7 </ TD>

</ TR>

</ TABLE>

レンダリング:

 

 

スタイル4つのテーブル。

パディングCELLPADDING = "0" のセル

CELLSPACING =「0」セルとの間の距離

行を分割する境界内に表示されるルール

行の表示行

colsの表示欄

すべてのショー

 

今日は、テーブルの併用の中間点は、合併のテーブルの理解はそれで堪能になることです

おすすめ

転載: blog.csdn.net/weixin_40873693/article/details/78417507