【 検定科目はHTML5 】

書籍

なかしまぁ先生のHTML5教室

正誤表

1年生 HTML編
5時限目
  • 最初のソースのmain要素、footer要素
    右への字下げをしてください
  • 3.nav要素 ソースの3~5行
    href属性の値に「.html」をつける 「 <li><a href="page1.html">ページ1</a></li>」
  • 8.section要素 8行目、12行目
    h3要素はh4要素に修正
  • 8.section要素 後方から2行目
    「 </section> 」は不要
  • 9.article要素 後方から2行目
    「img要素については画像のの」の2つ目の「の」は不要
  • 12.blockquote 後方1行目
    「著作権なるほど質問箱(リンク)」は削除
6時限目
  • 16.mark要素 3〜4行目
    ソースコードになります
7時限目
  • 7.マルチメディア 2つめのソース5行目
    「 src="sample/audioSample.wav" 」は「 src="sample/audio.wav" 」に修正
  • 10.canvas要素 説明文2行目
    「 canvas要素の詳細はJavaScript編で解説します 」は削除。
  • 10.canvas要素 ソース5行目
    「MYCANVAS」は「mycanvas」に修正
2年生 CSS編
4時限目
  • 6.ユーザアクション擬似クラス:focus() タイトル
    「:focus()」を「:focus」に修正
  • 7.ターゲット擬似クラス:target() タイトル
    「:target()」を「:target」に修正
10時限目
  • ページ中程の以下の行は削除
    「このラインより上のエリアが無料で表示されます。」
18時限目
  • 1.子要素にanimationプロパティ
    3つめのコードサンプルのrotateYの値を修正
    @keyframes mystory{
     0%{transform:rotateY(30deg) translateX(-500px);opacity:0;}
     30%,70%{opacity:1;}
     100%{transform:rotateY(30deg) translateX(500px);opacity:0;}
    }
  • 1.子要素にanimationプロパティ
    4つめのコードサンプルのrotateYの値を追加
    @keyframes mystory{
     0%{transform:rotateY(30deg) scaleX(0.5) scaleY(1);}
     50%{transform:rotateY(30deg) scaleX(1) scaleY(0.5);}
     100%{transform:rotateY(30deg) scaleX(0.5) scaleY(1);}
    }
3年生 JavaScript編
4時限目
  • 1.input要素 5つめのソース
    4~5行に次のソースを挿入
    「 const input1=document.getElementById("input1"); 」
5時限目
  • 1.style 
    以下のコードはソースとします
    #box1{color:red;}
    box1.style.color="red";