|
tableタグの属性
これまで<font>タグや<body>タグにcolor="〇〇"などの属性があったのを覚えているでしょうか？
tableにも同じように属性があります。しかもたくさん！ここではそのたくさんの属性を少しづつ学んでいきたいと思います。
まず最初に紹介するのが <table border="〇"> この属性はtableの枠の太さを指定するものです。〇の中には１や２といった数字が入ります。０を入力した場合、枠線は表示されません。前のページでも実はすでに「border="1"」を使ってましたよね。これを「border="5"」にするとこのようになります。
<table width="〇" height="〇"> この属性はwidth=幅、height=高さを指定します。〇の中には数字が入りますが、単位はピクセルになります。ではwidthを300、heightを100に指定してみます
<table bgcolor="〇〇"> この属性table内の背景の色を指定します。bodyの背景を変えたときの属性と全く同じものですね。では色をlightgreenに変えてみます。
<table align="〇〇"> この属性はtableを表示する位置を指定します。〇の中には"left" "center" "light"のいずれかが入ります。さっき皆さんの作ったtableは左端に表示されてますよね？それを試しに真中に表示させてみてください。
<table cellspacing="〇" cellpadding="〇"> この英語、一体なんて読むんでしょうね？私は未だに分かりませんが（＾＾；）この属性は cellspacingが境界線の太さ、cellpaddingが境界線と文字との距離を指定します。 ここではcellspacing="10" callpadding="10"に設定してみます。
ここまでざっと５種類もの属性を紹介してきました。本当は他にも色々あるのですが、いっぺんにやってしまうと頭が爆発してしまいますからね（＾＾；） ちなみに私が使うtableの属性はこの５種類がほとんどです。他の属性はほとんど使い道がないような・・私がただ単に使いこなせていないだけかも知れませんがね。機会があったら別の属性も紹介していきたいと思います。 ・・フ〜やれやれ。やっとtableの属性も終わったよ なんて思った方、残念！実は<tr>や<td>にも属性があるのです!!覚えるのが面倒ですが、次のページでコツコツやっていきましょうp(＾＾)q 次へ進む |