ホームページで副収入

ホームページの作り方

これだけ知っていれば簡単にホームページが作れます♪ ■簡単タグ：テーブル編１■ 最後に、ホームページのレイアウトを左右するテーブルの利用方法をご紹介いたします。 ホームページはテーブルを使わないと、全ての文章や画像、リンクなどが左から右へ。 そして一段づつ上から下へと配置されていきます。 こんな感じ♪ 1 ⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒２ ３⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒４ ５⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒６ その配置の順番を変えたい場合や １ ⇒⇒⇒⇒⇒⇒⇒２　 ３ ⇒⇒⇒⇒⇒⇒⇒４　 ５ ⇒⇒⇒⇒⇒⇒⇒６　 　７ ⇒⇒⇒⇒⇒⇒⇒８ 　９ ⇒⇒⇒⇒⇒⇒⇒10 　11 ⇒⇒⇒⇒⇒⇒⇒12 　13 ⇒⇒⇒⇒⇒14 　15 ⇒⇒⇒⇒⇒16 表のようにしたい場合にテーブルを使います。 数字 アルファベット １ ⇒⇒⇒⇒⇒⇒⇒２　 ３ ⇒⇒⇒⇒⇒⇒⇒４　 ５ ⇒⇒⇒⇒⇒⇒⇒６　 Ａ ⇒⇒⇒⇒⇒⇒⇒Ｂ Ｃ ⇒⇒⇒⇒⇒⇒⇒Ｄ Ｅ ⇒⇒⇒⇒⇒⇒⇒Ｆ テーブル(区切り線あり、太さ１):　<TABLE BORDER=1> 　縦２行、横３列の表 　<TABLE BORDER=1> 　　<TR>　　　　　　　　　　　←　１行目の始まりを定義 　　　<TD>数字</TD>　　　　　←　１列目（項目）を定義 　　　<TD>漢字</TD>　　　　　←　２列目（項目）を定義 　　　<TD>ひらがな</TD>　　　←　３列目（項目）を定義 　　</TR> 　　<TR>　　　　　　　　　　　←　２行目の始まりを定義 　　　<TD>１</TD> 　　　<TD>一</TD> 　　　<TD>いち</TD> 　　</TR> 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち 　<TR>　の数が縦行の数になり 　<TD>　の数が横列の数になります。 　<TABLE BORDER=1>　のBORDER=　で線の太さを表します。 BORDER=0 にすると区切り線はなくなります。 　<TABLE BORDER=0>　　　　　　←　BORDER=0 は省略可能です 　　<TR> 　　　<TD>数字</TD> 　　　<TD>漢字</TD> 　　　<TD>ひらがな</TD> 　　</TR> 　　<TR> 　　　<TD>１</TD> 　　　<TD>一</TD> 　　　<TD>いち</TD> 　　</TR> 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち テーブル(区切り線あり、太さ５):　<TABLE BORDER=5> 　縦４行、横３列の表 　<TABLE BORDER=5> 　　<TR>　　　　　　　　　　　←　１行目の始まりを定義 　　　<TD>数字</TD> 　　　<TD>漢字</TD> 　　　<TD>ひらがな</TD> 　　</TR> 　　<TR>　　　　　　　　　　　←　２行目の始まりを定義 　　　<TD>１</TD> 　　　<TD>一</TD> 　　　<TD>いち</TD> 　　</TR> 　　<TR>　　　　　　　　　　　←　３行目の始まりを定義 　　　<TD>２</TD> 　　　<TD>二</TD> 　　　<TD>に</TD> 　　</TR> 　　<TR>　　　　　　　　　　　←　４行目の始まりを定義 　　　<TD>３</TD> 　　　<TD>三</TD> 　　　<TD>さん</TD> 　　</TR> 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち ２　 二　 に ３　 三　 さん テーブルの内側の罫線をアレンジしてみましょう♪ �@内側の罫線を消す:　<TABLE BORDER=1 RULES=NONE> 　<TABLE BORDER=1 RULES=NONE> 　　<TR> 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち 　　</TR>　や　</TD>　は省略可能です �A内側の横線のみ表示:　<TABLE BORDER=1 RULES=ROWS> 　<TABLE BORDER=1 RULES=ROWS> 　　<TR> 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち �B内側の縦線のみ表示:　<TABLE BORDER=1 RULES=COLS> 　<TABLE BORDER=1 RULES=COLS> 　　<TR> 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち テーブルの項目（セル）を連結します♪ �@縦に連結:　<TD ROWSPAN=2> 　<TABLE BORDER=1> 　　<TR> 　　　<TD ROWSPAN=2>項目 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 項目 数字 漢字 ひらがな １　 一　 いち �A横に連結:　<TD COLSPAN=2> 　<TABLE BORDER=1 BGCOLOR=#FF00FF> 　　<TR> 　　　<TD>数字<TD COLSPAN=2>日本語 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 数字 日本語 １　 一　 いち テーブルの背景をアレンジしてみましょう♪ �@背景に色を付けます:　<TABLE BORDER=1 BGCOLOR=#FF00FF> 　<TABLE BORDER=1 BGCOLOR=#FF00FF> 　　<TR> 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち �A背景に画像を付けます: 　　　　　　　<TABLE BORDER=1 BACKGROUND=money_i1.gif> 　<TABLE BORDER=1 BACKGROUND=money_i1.gif> 　　<TR> 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD>１<TD>一<TD>いち 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち �B背景色や背景画像(BGCOLOR= , BACKGROUND=)は 　　　　　　　<TR> や <TD> でも使用できます。 　<TABLE BORDER=1> 　　<TR BGCOLOR=#FF00FF>　　　　　　　 ←　行に背景色を指定 　　　<TD>数字<TD>漢字<TD>ひらがな 　　<TR> 　　　<TD BACKGROUND=money_l2.gif>１　←　セルに背景画像を指定 　　　<TD>一 　　　<TD>いち 　</TABLE> 　 ⇒ 数字 漢字 ひらがな １　 一　 いち

続き >> 簡単タグ（テーブル編２）

b-click