HTML入門 2025年度後期(1年)

今日、やったこと 表(セルを結合) 今日のホワイトボード 表のセルを結合する セルを作るための <td>タグ や <th>タグ に、 rowspan属性 、 colspan属性 を使って結合。 rowspan 属性・・ 下 のセルと結合(縦方向) colspan 属性・・ 右 のセルと結合(横方向) 1.結合前 図　結合前の表 2.colspan属性で右となりのセルと結合 下図のように、"a"のセルと右となりのセルを結合。 図　ヨコ方向にセルを結合 ①”a"のセルにcospan属性設定 指定する" 2 "は 　 "a"のセル＋右となりのセル1個 の合計の２。 表示すると下図のようになる。 図　colspanでセルを結合 2行目は4列分のセルになるため、右側からはみ出す。 ②はみ出すセルを削除 表示すると下図のようになる。 図　はみ出すセルを削除 3.rowspan属性で下となりのセルと結合 下図のように、"c"のセルと下のセル2つを結合。 図　タテ方向にセルを結合 ①"c"のセルにrowspan属性設定  指定する" 3 "は 　 "c"のセル＋下となりのセル2個 の合計の３。 表示すると、下図のよ...

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