●エラーを見るポイント

  • その文の一個前の文にエラーがないかをチェックしてみる
  • document.write()は、カッコ内はダブルコーテーションを忘れずに!
  • NaN(Not a Number、非数)演算結果の非正常な終了。

●画像のCSS

  • 画像ファイル名はシングルクオートでOK
  • .....   style  =  '  width: 4cm ; ' >
  • var fileName = "<img src = 'example/pictures/picture00" + i + ".jpg' style = 'width:4cm;'>"
  • document.write(fileName)

 

【CSS(Cascading Style Sheets)】

  • HTMLのデザイン仕様
  • 別名はスタイルシート
  • Cascadingとは、「階段状の滝のような」「連鎖的に伝わる」という意味。
  • スタイル指定が段階的に引き継がれて文書に適用される。
  • idとclass
  • <p id="name">名前</p>
    • その要素だけにスタイルを適用する(他のデザインを崩すことがない)

#name{
    
background:red;

  •   }
  • <p class="name">名前</p>
    • 複数の要素にスタイルを適用する

     .name{

  •     background:red;
  • }
  • HTMLタグに埋め込む方法
    • <p style="color:red;".>あいうえお</p>
  • HTMLファイルに埋め込む方法

<style>
div{
        background:red;
}
</style>

  • CSSファイルに書き込む

div{

background:red;

}