10月26日(木)3コマ目

今日、やったこと

テーブル(行、列の結合)

今日のホワイトボード

テーブル(行、列の結合)

セルを作る<td>タグにcolspan、rowspanを使って横方向、縦方向のセルを結合。

練習1


練習2


練習3


練習4


練習5


練習6


練習7


練習8

 

<th>タグ、<thead>タグ、<tbody>タグ

〇<th>タグ

見出しのセルを作る。<td>タグはデータのセルを作る。

<th>タグ

文字の太さ 太字
文字寄せ 中央寄せ

<td>タグ

文字の太さ 普通
文字寄せ 左寄せ

〇<thead>タグ

テーブルのヘッダ部(タイトル行)の指定。

〇<tbody>タグ

テーブルのボディ部(データの行)の指定。

図 <th>タグ、<thead>タグ、<tbody>タグ


フォーム

今後C#でも頻繁に使うことになる。入力・選択内容をサーバーに送信する仕組み。

<form></form>内にテキストボックスやラジオボタン、チェックボックス、選択リスト等とボタンを配備。

ボタン(type="submit")をクリックすると、<form></form>内で入力、選択した内容がサーバーに送信される。

サーバーには

  name属性値:value属性値

で送信される。


〇作成したサンプル

図 フォームのサンプル

送信ボタンをクリックすると、サーバーに入力内容が送信される。

送信先のサーバーは<form>タグのaction属性で指定。


次回は

フォームの続き。


このブログの人気の投稿

11月9日(木)3コマ目

1月30日(火)3コマ目