2020年ウェブサイト作成講習会

実習内容

見出しの表示位置

キャプションの表示位置は「capton-side」プロパティで指定します。

セル内のデータ表示位置

  1. 「table.html」を開き、名前をつけて保存からtextフォルダーに「table07.html」として保存します。
  2. 「table01.css」を開き、名前をつけて保存からstyletフォルダーに「table07.css」として保存します。
  3. 「table07.thml」に戻りhead要素内に「table07.css」を呼び込むlinkを設定します。
  4. bodyタグの直下にh1要素「見出しの表示位置」を挿入します。
  5. 直下にh2要素「表の上に表示(デフォルト)」を挿入します。
  6. tableタグの直下に「<caption>計画達成表 </caption>」を挿入します。
  7. h2要素と表部分をコピーして直下に貼り付けます。
  8. 貼り付けたh2要素を「表の下に表示」と書き換えます。
  9. tableタグにクラス「bottom」を設定します。
    「<table class="bottom"> 」
  10. 「table06.css」にセルのサイズ及びセル内の位置を設定します。