テーブルタグでHP作ろう

<table>中に書いた文字や画像がワクの中に囲まれます</table>

ワク線の太さは、1〜10までの中で決める。
タテ線=<tr>で、ヨコ線=<td>
<table border="3"><tr><td nowrap> こう書くと↓になります
ワクのサイズは3です </td></tr> </table>

こう書くと↓になります
ワクのサイズは3です

<td nowrap>のnowrapはワク内指定改行
です。自動で無く<BR>で改行します。

ごひ@ラクションのメインページのテーブルは、
<table border="2"> <tr><td> 左側のテーブル</td><td>右側のテーブル</td></tr></table> の</table>より前のタグを連続して作ってます。
</tr>のタグはご覧の通り、ヨコの区切りで使
ってますね。

リンクのコーナーで画像をクリックするとジャンプ
して、ヨコに説明文を入れるテーブルタグ。

<center> <table border="2"> <tr><td> <img src="バナー画像のURL"
<a href="そのページのURL"target="_top"></a></td><td>説明文</td></tr> </table></center>

<target="_top">は必ず付けましょう。
ジャンプした時に自分の所のメニューを消すためです。
フレームを使ってるHPの場合、付けて無いとフレーム
だらけになって、見にくくなります。

ワクを表示しない場合は、<table border="0">
これでワクは見えないけど、あります。

ワクの中に背景色を付ける。
<center> <table border="1〜10"bgcolor="色指定"> <tr><td> この中の背景に色 </td></tr> </table></center>

↑が、こうなります

この中の背景に色

色の指定はカラーコードと言われる#000000とか、
覚えるの最初は大変なので、英語で指定します。
良く使う色の見本
green=緑 red=赤 black=黒 yellow=黄色
orange=オレンジ pink=ピンク silver=銀
maroon=茶 purple=紫 whight=白 
後は辞書等を参考に<font color="black">
というように使います。

HPで文字を流すタグもありますが、ブラウザー違うと
見え無いブラウザー があるので、ここでは書きません。

ブラウザーとは、インターネットを閲覧するためのソフト
IEがインターネ ットエクスプローラー
NNがネットスケープナビゲーター
同じ物でも、バージョン違いで見れたり、見え無かったり
種類だけでも、ものすごく多いので注意が必要です。

作成した新しいページをHPに公開する
<index.html>の中に
<a href="作ったページ.html">○○○へ</a> <body>の中の置きたい位置に書きます。

ジオシテイーズのファイルマネージャーでDCで作業する場合は見にくいので、1回プレビュー押してから作業しましょう。

講座3に進む

講座2に戻る

講座1に戻る

ごひ@ラクションに戻る