シンプルWeb かんたんHP制作

 

 

 

― TOP ―

●メニュー

■HTMLタグ

 基本内容の設定

 テキスト

 フォント

 リンク

 画像

 リスト

 テーブル・表

 →フレーム

 →ボタン

リンク

   ◆素材屋さん
   ◆HP制作関連
   ◆その他


 

 HTMLを学ぶHTMLタグ>テーブル・表

 

 

基本形

<table>

<tr>

<td></td>

</tr></table>

 

 例)<table>

 <tr><td></td></tr>    

 <tr><td></td>

 <td></td></tr>

    </table>

 

<tr></tr>の中にいくつ<td></td>があるかで横一列がなんセル(部屋)に分かれているかが決まります。

 

<td></td>の代わりに<th></th>を使うとそのセルは見出し仕様になります。

 

基本設定

<table border="外枠の太さ" width="幅"

 cellspacing="セルとセルの間隔" cellpadding="内容と枠の間隔">

 

表にタイトルを付ける

<table>

<caption align="表示位置">タイトル</caption>

<tr>以下略

 

表示位置は

top(上)かbottom(下)

 

セルの大きさを指定

<td width="幅" height="高さ"></td>

<th>要素でも同様

 

セルの連結

<td rowspan="縦方向の連結数"></td>

<td colspan="横方向の連結数"></td>

<th>要素でも同様

 

セル内での行揃えと縦位置

<td align="行揃え" valign="縦位置">

<th>や<tr>要素でも同様

<table>要素に使うと表自体の位置を指定する

 

行揃え位置 left/左 right/右 center/中央

縦位置    top/上 middle/中央 bottom/下

 

表やセルの背景色・画

<td bgcolor="色指定"></td>

<td background="画像のURL"></td>

<th>要素でも同様 <tr>だと横一列

<teble>は表全体に適応。

 

 |シンプルWeb〜かんたんHP制作〜|  2007/10/20/