猿話的雑記帳
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
HTML・テーブルに関する記述
テーブルの作り方・枠線の太さ指定・サイズの指定・マージンの指定・
背景色の指定・背景画像の指定・セルの作り方・タイトルをつける 等
関連記事:
[HP&BLOG]HTML
[HP&BLOG]Style
[HP&BLOG]Tool
[HP&BLOG]Upload
背景色の指定・背景画像の指定・セルの作り方・タイトルをつける 等
関連記事:
[HP&BLOG]HTML
[HP&BLOG]Style
[HP&BLOG]Tool
[HP&BLOG]Upload
<BODY>から</BODY>間に記述
タグソース
---------------------------------------
<TABLE>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>
---------------------------------------
捕捉:
<TABLE>~</TABLE> →テーブルの開始と終了
<TBODY>~</TBODY> →テーブル中身の開始と終了
<TR>~</TR> →テーブルに行を付ける
<TD>~</TD> →テーブルにセルをつける
---------------------------------------
■<TABLE>の指定
---------------------------------------
<TABLE
border="テーブルの枠線の太さをピクセルで指定する"
width="テーブルの横幅を ピクセルまたは%で指定する"
height="テーブルの縦幅を ピクセルまたは%で指定する"
cellpadding="セル内側のマージンをピクセルで指定"
cellspacing="セルとセルとの隙間をピクセルで指定する"
bgcolor="テーブル背景色を指定する"
background="テーブル背景に画像を指定する画像URLを記述"
>
---------------------------------------
■<TR>の指定
---------------------------------------
<TR
align="内容の位置を指定する→center(中央揃え) right(左揃え) left(右揃え)"
valign="内容の位置を指定する→top(上段揃え) middle(中段揃え) botton(下段揃え)"
bgcolor="テーブル背景色を指定する"
background="テーブル背景に画像を指定する画像URLを記述"
>
---------------------------------------
■<TD>の指定
---------------------------------------
<TD
clspan="水平方向に複数またがるセルを作る 数値で記述"
rowspan="垂直方向に複数またがるセルを作る 数値で記述"
align="内容の位置を指定する→center(中央揃え) right(左揃え) left(右揃え) "
valign="内容の位置を指定する→top(上段揃え) middle(中段揃え) botton(下段揃え) "
width="セルの横幅を ピクセルまたは%で指定する"
height="セルの縦幅を ピクセルまたは%で指定する"
bgcolor="セルの背景色を指定する"
background="セルの背景に画像を指定する画像URLを記述"
>
---------------------------------------
テーブルにタイトルをつける
---------------------------------------
<TABLE>
<Caption
align="タイトルの位置を指定する→center(中央揃え) right(左揃え) left(右揃え) "
valign="タイトルの位置を指定する→top(上段揃え) middle(中段揃え) botton(下段揃え) "
>ココに記述
</Caption>
<TBODY>
</TBODY>
</TABLE>
---------------------------------------
タグソース
---------------------------------------
<TABLE>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>
---------------------------------------
捕捉:
<TABLE>~</TABLE> →テーブルの開始と終了
<TBODY>~</TBODY> →テーブル中身の開始と終了
<TR>~</TR> →テーブルに行を付ける
<TD>~</TD> →テーブルにセルをつける
---------------------------------------
■<TABLE>の指定
---------------------------------------
<TABLE
border="テーブルの枠線の太さをピクセルで指定する"
width="テーブルの横幅を ピクセルまたは%で指定する"
height="テーブルの縦幅を ピクセルまたは%で指定する"
cellpadding="セル内側のマージンをピクセルで指定"
cellspacing="セルとセルとの隙間をピクセルで指定する"
bgcolor="テーブル背景色を指定する"
background="テーブル背景に画像を指定する画像URLを記述"
>
---------------------------------------
■<TR>の指定
---------------------------------------
<TR
align="内容の位置を指定する→center(中央揃え) right(左揃え) left(右揃え)"
valign="内容の位置を指定する→top(上段揃え) middle(中段揃え) botton(下段揃え)"
bgcolor="テーブル背景色を指定する"
background="テーブル背景に画像を指定する画像URLを記述"
>
---------------------------------------
■<TD>の指定
---------------------------------------
<TD
clspan="水平方向に複数またがるセルを作る 数値で記述"
rowspan="垂直方向に複数またがるセルを作る 数値で記述"
align="内容の位置を指定する→center(中央揃え) right(左揃え) left(右揃え) "
valign="内容の位置を指定する→top(上段揃え) middle(中段揃え) botton(下段揃え) "
width="セルの横幅を ピクセルまたは%で指定する"
height="セルの縦幅を ピクセルまたは%で指定する"
bgcolor="セルの背景色を指定する"
background="セルの背景に画像を指定する画像URLを記述"
>
---------------------------------------
テーブルにタイトルをつける
---------------------------------------
<TABLE>
<Caption
align="タイトルの位置を指定する→center(中央揃え) right(左揃え) left(右揃え) "
valign="タイトルの位置を指定する→top(上段揃え) middle(中段揃え) botton(下段揃え) "
>ココに記述
</Caption>
<TBODY>
</TBODY>
</TABLE>
---------------------------------------
PR
この記事にコメントする
・・・プレビュー中・・・
CALENDAR
LINK
CATEGORY
RECENT ENTRY
- WIIremote mame setting(06/13)
- iPhone4s for docomo(12/03)
- PSGrade for Rockbox(12/11)
- Xperia Android 2.x Update(09/10)
- Android Applications [Panda Home] 設定(04/22)
RECENT COMMENT
- SIMPLE SQUARE(四枠)
⇒超人気のスーパーコピーブランド専門ショップ(09/11) - cep 0.2.4
⇒purchase anastrozole(05/24) - cep 0.2.4
⇒generic anastrozole online(05/20) - cep 0.2.4
⇒buy anastrozole thailand(05/18) - cep 0.2.4
⇒Rapport levitra-generic no remedy(05/16)
RECENT TRACKBACK
PROFILE
SEARCH
ARCHIVE
OTHERS
▽BLOG PET
▽COUNTER
AD