課題
HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>おいしいおかず</title> <link rel="stylesheet" href="style.css"> </link></meta></head></html>
<html lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム 演習課題2</title> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> </meta></head></html>
少し遅くなりましたが、課題用サイト出来ました(形だけ)。 動きがないサイトになってしまったので、これからまたアレンジ加えていこうと思います。http://webstudy.yu-nagi.com/
※田中先生のサイトにある1つ目の課題になります HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>エコロジー</title> <link href="h01.css" rel="stylesheet" type="text/css"> </head> <body> <div id="container"> <div id="header"> <h1>ECOLOGY【エコロジー】</h1> <p>Computer Technology Groupsでは、<br> グループをあげてエコロジー／環境問…</p></div></div></body></html>
まだ出来ていなかったので復習も兼ねて Q27 HTML <body> <h1>お問い合わせフォーム</h1> <form action="#" method="post"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:<textarea name="subject" rows="5" cols="40">お問い合せ内容</textarea></p> <p><input type="submit" value="送信"></p> </form> </body> ↓ Q28…
※結果だけ乗せておきメモ書きは後に補填予定Q11 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>JS確認テストQ11</title> </head> <body> <script> var number = { a:100, b:200, c:300, d:400}; for (var key in number){ console.log(number[key]); } </script> </body> </html> 結果↓ A:4回 Q12 HTML …
Q1 HTML <html lang="ja"> <head> <title>JS確認テストQ1</title> </head> <body> <script> var x ='ABC'; if(x != 'ABC'){ console.log('OK'); }else{ console.log('NG'); } </script> </body> </html> 結果↓ メモ ・[!=]は左辺と右辺が等しくない時にOKになる。 今回は等しいのでNGになった。 Q2 HTML <html lang="ja"> <head> </head></html>
Q26 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/Q26.css"> <title> </title> </head> <body> <div id="container"> <div id="header"> <h1>Homepage Title</h1> <p>サブタイトルサブタイトルサブタイトル</p> </div> <div id="wrapper"> <div id="content"> </div></div></div></body></html>
Q21 HTML <body> <div id="nav"> <ul> <li id="new"><a href="#">新着情報</a></li> <li id="info"><a href="#">お知らせ</a></li> <li id="item"><a href="#">製品情報</a></li> <li id="shop"><a href="#">店舗案内</a></li> <li id="company"><a href="#">会社案内</a></li> </ul> </div> </body>CSS @charset "UTF-8"; /* リセット */ body, div…
Q16 背景画像 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/Q16.css"> <title> </title> </head> <body> <div id=nav> <h1>Background Design</h1> <p>Sharing your digital photos with family and<br> friends is such an easy thing to do these days.</p> </div></body></html>
Q09 文字レイアウト @charset "UTF-8"; body{ font-size:16px; color:#333333; font-family: sans-serif; line-height:1.5; } Q10 文字と背景の色指定 body{ background-color:#3366CC; } h1{ color:#FFFFFF; } Q11 リンクの色 @charset "UTF-8"; p a:link{ …
Q01 HTMLの基礎構造 <html lang="ja"> <head> <meta charset="UTF-8"> <title> </title> </head> <body> </body> </html> Q02 適切なタイトル <html lang="ja"> <head> <meta charset="UTF-8"> <title>池袋「CatCafe」</title> </head> <body> </body> </html> Q03 適切な文書構造
