1月12日（木）1、2コマ目
前回の解答例
前回やった「styleタグの練習」の正解例です。
<style>タグの練習1
<style>タグの練習2
<style>タグの練習3
<style>タグの練習4
今日、やったこと
表
今日のホワイトボード
表のキーワード
行、列がごちゃごちゃになりやすいので。
 |
| 図 表の行と列 |
<table>タグ、<tr>タグ、<td>タグ
<table>タグは表の始まりとおわり(</table>タグ）を表します。
<tr>タグは行です。
<td>タグはセルです。
 |
| 図 <table>タグ、<tr>タグ、<td>タグ |
あと、<th>タグもあります。<th>タグは<td>タグと同じようにセルのタグですが、
- <th>タグは見出し用セル（真ん中寄せ、太字で表示）
- <td>タグはデータ用セル（左寄せ、普通幅で表示）
と使い分けてください。
練習
以下の表を作ってください。
 |
| 図 表の練習 |
正解例です。
練習問題
セルの連結の問題です。正解例をあげておきます。
練習その1
練習その2
練習その3
練習その4
練習その5
練習その6
練習その7
練習その8
タイトル行とデータ行が分かれている場合、<thead></thead>にはヘッダ行（タイトルなど）を、<tbody></tbody>にはデータ行のように分けることもできます。
 |
| 図 <thead>タグ、<tbody>タグ |
フォーム
<form>タグでフォームの開始と終了を決めて、<input>タグや<select>タグ(<option>タグも）で入力・選択用部品を作ります。
ボタンは<input>タグでも作れますが、この授業では<button>タグを使います。
チェックボックス・ラジオボタン
ポイントは
サーバーに送信される値はvalue属性指定値
です。
 |
| 図 チェックボックス・ラジオボタン |
選択リスト
チェックボックス・ラジオボタンと同じように、ポイントは
サーバーに送信される値は<option>タグのvalue属性指定値
です。
 |
| 図 選択リスト |
サーバーに送信する
submitボタン(type="submit"のボタン)をクリックすると、
- ボタンが含まれる<form></form>内の<input>や<select>で入力・選択したデータが
- <form>のaction属性で指定したURLに
- <form>のmethod属性で指定したHTTPコマンドで
サーバーに送信されます。
このとき、サーバーに送信される入力値・選択値は
name属性値=value属性値&name属性値=value属性値&・・
のフォーマットで送信されます。
 |
| 図 Webフォーム |
じかいは
フォームをもう少しやります。
そのあとは
- C#はWebアプリケーション(ASP.NET)
- ネットワークシステムはHTMLのつづき
をやります。
