二酸化炭素の化学式を表示させなさい。 <body> <h1>化学式を表示</h1> <p>二酸化炭素の化学式はCO<sub>2</sub>です。</p> </body>
ルビをふって表示させなさい。 <body> <h1>地名にルビを振る</h1> <p> <ruby> 日本橋<rt>にほんばし</rt> </ruby> </p> </body> <body> <h1>ルビに対応していないブラウザでも見えるようにする</h1> <p> <ruby> 日本橋<rp>(</rp><rt>にほんばし</rt><rp>)</rp> 茅場町<rp>(</rp><rt>かやばちょう</rt><rp>)</rp> </ruby> </p> </body>
USAを略語として表示させなさい。 <body> <h1>USAを略語として記述</h1> <p><abbr title="United States of America">USA</abbr>はアメリカ合衆国の略称です。</p> </body>
TPOを定義語として表示させなさい。 <body> <h1>TPOを定義語として記述</h1> <p><dfn title="Time,Place,Occasion">TPO</dfn>は、時と場所と場合にあった服装やふるまいをすることであると定義されています。</p> </body>
「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <body> <h1>重要性ではなく違いを表示</h1> <p>最近コンビにで売っているケーキ類が美味しい。特に<b>ロールケーキ</b>が美味しい。</p> </body>
「注意事項」の部分を、相対的に重要性な高いレベルとして記述しなさい。 <body> <h1>注意、Attentionを表示</h1> <p><strong>注意事項</strong><br> 誤って飲み込むおそれがありますので、<strong>お子様の手の届かない所で保管</strong>してください。</p> </body>
「ソファーがあって」の部分を強調して記述しなさい。 <body> <h1>重要なフレーズを強調</h1> <p>好きなカフェの条件は、<em>ソファーがあって</em>、コーヒーが美味しいことです。</p> </body>
ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
昨日、電車の中吊り広告で「コレができないとヤバい！」というのがあった。 「脳力ドリル」の広告で、１〜５０の数字が散らばってて、3分以内に全部順番に目で追えないと、脳が「ヤバい」らしい。それを見て、これはひょっとすると java script の乱数と、最…
豆知識の記事を久々に更新して、いろいろ修正してみた。１．パンくずリストを後回しに 重要度は低いので、表示はそのままで HTML内で後ろにした。 前々からやりたかったけど、やっと技術が追いついた。２．css のID名の修正 oowaku とか atama とかあまりに…
正直めちゃくちゃ感動した。自分のは相変わらずグダグダだったけど、みんなプレゼンうまくて、内容も良かった。少し前まで「この人はパソコン自体初心者なんだなあ」と思ってた人たちも、ちゃんとしたサイトを作ってて、その成長ぶりに驚いた。サイトがまだ…
課題だったひとつ目の静的サイト 当初からの目標だった6月中の50記事を本日ギリギリ達成した。 記念すべき50記事目は宮本武蔵。 バガボンドという漫画が好きなので。 でも意外と使えそうな情報が少なくて大変だった。もっと前倒しで達成できるかなと思ってた…
昨日今日と寝ずにがんばって、サイトがやっと整ってきた。 絶食は水さえあれば多少は我慢できるけど、徹夜は2日で限界っぽい。 たまに幻聴が聴こえてくる＾＾；ちょっと前に Web業界の実態がわかると聞いて 【ブラック会社に勤めてるんだが、もう俺は限界か…
floatの中で float を使用した時に最初どうしてもうまくいかず、空のフッターを入れて clear:both;overflow: hidden; したらうまくいったけど、矢島先生に相談したらこの方法はダメとの事。 言われた通り wrap をかけたらうまくいった。 矢島先生ありがとう…
前に書いたサイコロのシミュレーションを、配列を使って前よりも短く書いてみる。 <html> <head> <meta charset="utf-8"> <style>#hyouji{line-height:1.5em;}</style> </head> <body style="background-color:#000;color:#fff;"> <div id="hyouji"> <script type="text/javascript"> var dice,a=[0,0,0,0,0,0]; for(i=1;i<=1000000;i++){ dice=Ma…</div></body></html>
<html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr><th>製品名</th><th>価格</th><th>在庫</th></tr> <script> var z=[ {a:"リラックスチェア",b:4000,c:500}, {a:"リラックスデスク",b:12000,c:200}, {a:"ブックスタンド",b:800,c:0} ]; for(i=0;i<3;i++){ if (z[i].c==0){z[i].c="<span style='color:red;'>…</span></table></body></html>
<html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr><th>商品A</th><th>商品B</th><th>商品C</th><th>商品D</th></tr> <script> var b=[300,450,520]; for(a=1;a<11;a++){ document.write("<tr><th>"+a+"</th>"); for(i=0;i<3;i++){ document.write("<td>"+a*b[i]+"円</td>"); } document…</tr></table></body></html>
<html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr><th>添字</th><th>a</th><th>b</th><th>axbを計算</th></tr> <script> var a=[5,12,18], b=[33,14,65]; for(c=0;c<3;c++){ document.write("<tr><td>"+c+"</td><td>"+a[c]+"</td><td>"+b[c]+"</td><td></td></tr></table></body></html>
配列を使い、以下のようにリストのリンクを表示させなさい。 ホーム 会社情報 製品情報 お問い合わせ <html> <head> <meta charset="UTF-8"> <script> var aa=["ホーム","会社情報","製品情報","お問い合わせ"]; </script> </head> <body> <ul> <script> for(c=0;c<4;c++){ document.write("<li><a href='#'>"+aa[c]+"</a></li>\n"); } </script> </ul> </body> </html>
] <html> <head> <meta charset="UTF-8"> <script> var aa=["チェア","デスク","ブックスタンド"]; var bb=[4000,12000,800]; </script> </head> <body> <table border="1"> <tr><th>製品名</th><th>価格</th></tr> <script> for(c=0;c<3;c++){ document.write("<tr><td>"+aa[c]+"</td><td>"+bb[c]+"</td></tr>"); } </table></body></html>
switchを使った条件分岐。ルーレットで、配当2倍の目と 0/00 の連続が、100万回中それぞれ最高何回だったかを調べてみる。 <html > <head> <meta charset="utf-8"> <title>test3</title> <style> #hyouji{line-height:1.5em;margin :30px;} </style> </head> <body style="background-color:#000;color:#fff;"> <div id="hyouji"> </div></body></html>
架空のサイコロを100万回振って、出た目をカウントするシミュレーションをやってみる。 <html > <head> <meta charset="utf-8"> <title>test2</title> <style> #hyouji{line-height:1.5em;} </style> </head> <body style="background-color:#cfc;"> <div id="hyouji"> <script type="text/javascript"> </div></body></html>
日本人の血液型の分布と同じ比率（A:4 O:3 B:2 AB:1 )で乱数を発生させて表示する。 <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body style="background-color:#eff;"> <script> </body></html>
<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <nav> <li> <a href="#"><img src="aaa.jpg" width="160" height="60" alt="" onMouseOver="this.src='bbb.jpg' " onMouseOut="this.src='aaa.jpg'"></a> </li> </nav> </body> </html>
<html > <head> <meta charset="utf-8"> <title>js課題14</title> </head> <body style="background-color:#eff;"> <script type="text/javascript"> <!-- var doru; var en; doru = prompt("金額をドルで入力してください",10); doru= parseInt(doru); en=doru*100+"円です" window.alert(en); --> </script> </body> </html>
<html > <head> <meta charset="utf-8"> <title>js課題11</title> </head> <body style="background-color:#eff;"> <script type="text/javascript"> window.alert("長いメッセージの場合は、\nエスケープシーケンスで改行します。") </script> </body> </html>
<html > <head> <meta charset="utf-8"> <title>js課題10</title> </head> <body style="background-color:#eff;"> <script type="text/javascript"> var byou=60; var fun=60; var jikan=24; var nichi=365; var time=byou*fun*jikan*nichi; document.write("1年が何秒かを表示するJavaScriptを記述しなさい。<br><br>"); docu…</body></html>
フローティングの対象となるボックスには明確な横幅が必要 float と width はセット フローティングされたボックスの上下の余白(マージン)は、他のボックスの上下の余白(マージン)との相殺は行われない 左フローティングでは、親要素の左端をはみ出すように…
【WEBページについて】 以下の問に答えなさい。見出しや段落であることを表すための[ ]を記述します タグレイアウトなどの見た目は[ ]で記述します CSSWebサーバーにデータを送ること アップロードWebサーバーからデータを取得すること ダウンロードWebペー…
【記述実践】 <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css" type="text/css" media="screen,print"> </head> <body> <div id="oosoto"> <div id="hed"> </div> <div id="nav"> <ul> <li><a href="#">aaa</a></li> <li><a href="#">bbb</a></li> <li></li></ul></div></div></body></html>
