Downloaded 10 times
![forを使おう
使い方②：配列の要素を全部表示する
shinpro = ["C#", "プロコン", "JavaScript", "ゆるみん"];
for (i = 0; i < shinpro.length; ++i) {
console.log(shinpro[i]);
}](https://image.slidesharecdn.com/webjavascript20132-130629105335-phpapp01/75/Web-JavaScript2013-2-8-2048.jpg)
![whileを使おう
使い方②：配列の要素を全部表示する
shinpro = ["C#", "プロコン", "JavaScript", "ゆるみん"];
i = 0;
while (i < shinpro.length) {
console.log(shinpro[i]);
++i;
}](https://image.slidesharecdn.com/webjavascript20132-130629105335-phpapp01/75/Web-JavaScript2013-2-12-2048.jpg)
Webページで学ぶJavaScript2013 第2回
- 1.
- 2. 前回のでぶ！ ● 数値 ● 文字列 ●配列 ● 変数 ● 真偽値 ● if ● switch お、覚えてる？
- 3.
- 4. 今日のでぶ！ ● for ● while ●Webページに触れよう！
- 5.
- 6. forを使おう ”for文（フォーぶん）はプログラミング言語において条件が真の 間だけ与えられた文の実行を繰り返すというループを記述する ための文である。 ” （from Wikipedia） for(初期化; ループの継続条件; カウンタ変数の更新) { 処理 } ？？？
- 7. forを使おう 使い方①：1 ~ 100を表示する for(i = 1; i <= 100; ++i) { console.log(i); } ++i は i = i+1 の省略形（--i は i = i - 1） 初期化 ループの継続条件 カウンタ変数の更新 処理
- 8. forを使おう 使い方②：配列の要素を全部表示する shinpro = ["C#","プロコン", "JavaScript", "ゆるみん"]; for (i = 0; i < shinpro.length; ++i) { console.log(shinpro[i]); }
- 9.
- 10.
- 11. whileを使おう 使い方①：1 ~ 100を表示する i= 1; while (i <= 100) { console.log(i); ++i; } console.log("done!");
- 12. whileを使おう 使い方②：配列の要素を全部表示する shinpro = ["C#","プロコン", "JavaScript", "ゆるみん"]; i = 0; while (i < shinpro.length) { console.log(shinpro[i]); ++i; }
- 13.
- 14. ここから ● Webページをいじっていきます ● Webページの仕組みについて学ぼう ●Webページって何？とかはいらないよね・・・？
- 15. Webページの中身を見る ● KMC内部サイト ● https://www.kmc.gr.jp/ ●右クリック→ページのソースを表示 ● 「HTML」が表示されます
- 16.
- 17.
- 18. HTML HyperText Markup Language（ハイパーテキスト マークアップランゲージ）、略記・略称：HTML（エ イチティーエムエル）とは、ウェブ上の文書を記述 するためのマークアップ言語である。文章の中に記 述することでさまざまな機能を記述設定することが できる。 （from Wikipedia）
- 19.
- 20. 基本テンプレ <html> <head> <!-- ヘッダ情報 --> </head> <body> <!--文書内容 --> </body> </html>
- 21.
- 22.
- 23.
- 24.
- 25. 参考資料ページ ● http://www.htmq.com/ ● https://developer.mozilla. org/ja/docs/Web/HTML/Element ●http://www.w3.org/wiki/HTML Goooooooogle
- 26. 出てきた要素 ● html ● head ●title ● body ● p ● br ● img ● h1, h2, h3, h4, h5, h6 ● div ● a
- 27.
- 28.
- 29. スライド説明のなかった要素 ● html ● head ●title ● body ● p ● br ● img ● h1, h2, h3, h4, h5, h6 ● div ● a
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36. a要素 タグ：<a></a> 意味： anchor ハイパーリンクを指定する要素 例： <a href="http://kmc.gr.jp/">KMC</a> <a href="http://google.com"> <imgsrc="http://google.com/logo.png"> </a>