更新日

第6章 テーブルとフォームのデザイン

テーブルの機能を使って表組みを作ります。

テーブルとは「表組み」のことで、Webページではよく利用される機能です。
さまざまな、コンテンツのレイアウトに利用する事が出来、とても便利な機能です。
又フォームを使って、コメントを送ってもらえるようにします。

まずどのようなテーブルにするか考えます

枠組みを作った後に、マス目(セル)を追加したり、減らしたりすることも出来ますが、
およその見当を付けてから始めます。
最初は<table border>で枠を付けてテーブルを作り、セルの付け方が間違いないか確認しながら作るとよいでしょう。
その後枠をデザインしたり、borderを削除して枠無しにして、レイアウト用に使うこともできます。
セルには文字や画像が入りますし、背景色や画像画を配することも出来ます。

フォームも作ってみましょう

フォームデーターの送信には、メールを使う方法と、CGIと呼ばれるプログラムを使用する方法があります。
ここで扱うメール送信を利用する方法は、
特別なプログラムは必要無いため、フォームを手軽に利用することが出来ます。
CGIを利用するにはそれなりの知識が求められます。
手軽に利用したい場合、フリーウェアやシェアウェアを利用する方法もあります。 【Vector】

Point of this Section

<table>表を作成します
<tr>行を作成します
<th>見出しセルを作成します
<td>セルを作成します
paddingセルの余白を指定します
text-alignセル内のテキスト揃えを指定します
widthコンテンツの横幅を指定します
heightコンテンツの高さを指定します
margin-bottomコンテンツの下の余白を指定します
background-color背景色を指定します
rowspan縦方向にまたがるセルの数を指定します
colspan横方向にまたがるセルの数を指定します
border-style罫線の種類を設定
border-width罫線の太さを設定
border-color罫線の色を設定
vertical-align縦方向の表示位置を指定します
<form>フォームを作成します
<input>入力欄やボタンを作成します
<textarea>複数行の入力欄を作成します