11月19日(水)1コマ目
今日、やったこと
- 箇条書き
- テーブル
今日のホワイトボード
箇条書き
箇条書きの始まり、終わりには<ul>タグ。
箇条書きの各要素は<li>タグ。
|
| 図 箇条書き |
練習問題1
練習問題2
犬種の箇条書きの中に、各犬の特徴の箇条書きがあるネスト構造。
デザイン設定のために、
- 犬種の<ul>タグにはid=dogtype
- 特徴の<ul>タグにはclass=character
を設定。
表の行、列
横方向が行、縦方向が列。
 |
| 図 表の行と列 |
表のサンプル
タグがいろいろと出てくるが、
- <table>タグは表の始まり、終わり。
- <tr>タグは行の始まり、終わり。
- <td>タグはセルの始まり、終わり。
の役割。
 |
| 図 表のHTML その1 |
 |
| 図 表示例 |
上記のHTMLだと下図のように表示される。
 |
| 図 表の表示例 |
表のヘッダー、ボディ
 |
| 図 表のヘッダー部は<thead>、ボディ部は<tbody> |
ヘッダー部は<thead></thead>内に。
ボディ部は<tbody></tbody>内に。
<th>タグはタイトルのセル。太字で表示される。(<td>タグは普通の太さ）
 |
| 図 表示例 |
次回は
表の続き。
