演習課題
演習課題のアコーディオンメニューになりますHTML↓ <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオンメニュー</title> </meta></head></html>
![はてなブックマーク - アコーディオンメニュー[JQ]](https://b.hatena.ne.jp/entry/image/https://yuiazu1116.hatenadiary.org/entry/20130828/1377733973)
◎Q04 時間による画像変化 ※わかりやすいように上部に時間を表示してます。 html↓ <script> //時間表示 var now,date; now = new Date(); date = now.getFullYear() + '年' +(now.getMonth() + 1) + '月' + now.getDate() + '日' + now.getHours() + '時' + now.getMi…
◎Q01 for文 html↓ <script> for(var i = 1 ; i <=3 ; i++){ alert(i); } </script> </body> 結果↓ ◎Q02 値の振り分け 条件:三項演算子 html↓ <script> <script> var point; point = prompt('点数を入力してください') alert (point >= 70 ? '合格' : '不合格'); </script> </script> 結果↓ ◎Q03 おみくじ ※占う…
演習課題H13 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="H13.css"> <title>camellia</title> </head> <body> <div id="container"> <div id="header"> <img src="img/logo.gif" width="267" height="129" alt="ロゴ"> </div> <div id="wrapper"> </div></div></body></html>
演習課題H12 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプルスタイルシートカンパニー</title> <link rel="stylesheet" href="H12.css"> </head> <body> <div id="container"> <div id="header"> <p><img src="img/logo.gif" width="290" height="38" alt="ロゴ"></p> </div> </div></body></html>
演習課題H11 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>Cafe de la plante</title> <link rel="stylesheet" href="H11.css"> </head> <body> <div id="container"> <div id="header"> <h1>Cafe' de la plante</h1> <p>サブタイトルサブタイトルサブタイトル</p> </div> <div id="wrapper"> </div></div></body></html>
演習課題H10 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイポグラフィ</title> <link rel="stylesheet" href="H10.css"> </head> <body> <div id="container"> <div id="header"> <h1><span>Typograpy.</span>71</h1> <div id="nav"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">BLOG</a></li></ul></div></div></div></body></html>
演習課題H09 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>エコロジー</title> <link rel="stylesheet" href="h09.css"> </head> <body> <div id="container"> <div id="header"> <div id="sidebar"> <h1>Computer Technology Groups</h1> <ul> <li><a href="#">エコロジー</a></li> <li><a href="#">コンピ…</a></li></ul></div></div></div></body></html>
実践演習課題H07 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="h07.css"> <title>薬玉文様</title> </head> <body> <div id="container"> <div id="content"> <h1>薬玉文様<span>（くすだまもんよう）</span></h1> <p>薬玉とは、薬・香料を玉にして錦の袋に入れ、造花や蓬・菖蒲などを飾り、五色の糸を長く垂らしたもの。古代中国で端午の節句に薬玉を柱などに掛け…</p></div></div></body></html>
実践演習課題H06 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="h06.css"> <title>建築散歩</title> </head> <body> <div id="container"> <div id="header"> <h1>フンデルトヴァッサー・ハウス</h1> <p class="head">ウィーンの市営住宅はこんなに元気だ！</p> </div> <div id="wrapper"> <div id="content"> <…</div></div></div></body></html>
実践演習課題H04 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="h04.css"> <title>卵料理カフェ Cockeyolly</title> </head> <body> <div id="container"> <div id="header"> <h1><img src="img/logo.gif" width="82" height="78" alt="cokeyolly"></h1> </div> </div></body></html>
