2012-07-09から1日間の記事一覧

【HTML5課題20】

見出しをまとめて表示させなさい。 <body> <header> <hgroup> <h1>七夕</h1> <h2>日本五節句の一つ</h2> </hgroup> </header> <section> <h3>七夕の語源</h3> <p>「古事記」または、日本書紀に登場する。</p> </section> </body>

【HTML5課題19】

ブログのエントリー記事を表示させなさい。 <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>7月1週目ランチ</h2> <p>ランチで人気の特製ロコモコ丼です。ボリューム満点のハンバーグに特製ソースで味付け!ぜひ食べに来てくださいね。</p> <p><img src="image/locomoco.jpg" width="450" height="338" alt="ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。"></p> </article> </body>

【HTML5課題18】

文章を内容でわけて表示させなさい。 body> <header> <h1>クリスマスオーナメント</h1> <p>クリスマスツリーに飾られるオーナメントをご紹介します。</p> </header> <section> <h2>ツリートップ</h2> <p>クリスマスツリーの先端に飾られるオーナメントで、星型をしていることが多い。地域によっては天使が使用される</p></section>…

【HTML5課題17】

音声を再生させなさい。 <body> <h1>サンプル音声を再生</h1> <audio src="image/sample.mp3" controls> <p>ブラウザ上で再生できない方は<a href="image/sample.mp3">音声のダウンロード</a>をどうぞ。</p> </audio> </body>

【HTML5課題16】

動画を表示させなさい。 <body> <h1>サンプル動画を表示</h1> <video src="image/sample.mp4" controls> <p><img src="image/sample.jpg" alt="動画のサムネイル"></p> <p><a href="image/sample.mp4">動画のダウンロード</a></p> </video> <p>※サンプル動画は無音です。</p> </body>

【HTML5課題15】

地図のPDFを表示させなさい。 <body> <h1>地図のPDFを表示</h1> <object data="image/map.pdf" width="600" height="400"> <p><img src="image/map.gif" alt="地図PDFのサムネイル"></p> <p><a href="image/map.pdf">PDFのダウンロード</a></p> </object> </body>

【HTML5課題14】

コピーライトを表示させなさい。 <body> <h1>コピーライトを表示</h1> <p>コピーライトとは著作権という意味です。</p> <p><small>Copyright &copy; studio felica Inc. All Rights Reserved.</small></p> </body>

【HTML5課題13】

本来の文章の意図から離れて強調したい部分を区別して表示させなさい。 <body> <h1>蛍光ペンである部分を区別</h1> <p>先生はしばらく困ったようすでしたが、眼を<mark>カムパネルラ</mark>の方へ向けて、「では<mark>カムパネルラ</mark>さん。」と名指しました。するとあんなに元気に手をあげた<mark>カムパネ</mark></p></body>…

【HTML5課題12】

話している部分を区別して表示させなさい。 <body> <h1>日記内で人が話している部分を区別</h1> <p>今日はとても暑い日だった。日陰を歩いていたら、近くに居た人の声が聞こえてきた。<br /> <i>「わあ!キレイ・・・!」</i><br /> 思わず声のする方に目をやると、とてもキレイなひまわりが咲いて</p></body>…

【HTML5課題11】

日付を表示させなさい。 <body> <h1>上野動物園のパンダに赤ちゃんが生まれる</h1> <time datetime="2012-07-06" pubdate="pubdate">2012年7月6日</time> </body>

【HTML5課題10】

引用を表示させなさい。 <body> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用:グスコーブドリの伝記</cite> </body> <body> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用:グスコーブドリの伝記</cite> <p>グスコーブドリは、<q>イーハト</q></p></body>…

【HTML5課題09】

面積の単位を表示させなさい。 <body> <h1>面積の単位を表示</h1> <p>1辺の長さが1メートルの正方形の面積は、1m<sup>2</sup>と表します。</p> </body>

【HTML5課題08】

二酸化炭素の化学式を表示させなさい。 <body> <h1>化学式を表示</h1> <p>二酸化炭素の化学式はCO<sub>2</sub>です。</p> </body>

【HTML5課題07】

ルビをふって表示させなさい。 <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>

【HTML5課題06】

USAを略語として表示させなさい。 <body> <h1>USAを略語として記述</h1> <p><abbr title="United States of America">USA</abbr>はアメリカ合衆国の略称です。</p> </body>

【HTML5課題05】

TPOを定義語として表示させなさい。 <body> <h1>TPOを定義語として記述</h1> <p><dfn title="Time,Place,Occasion">TPO</dfn>は、時と場所と場合にあった服装やふるまいをすることであると定義されています。</p> </body>

【HTML5課題04】

「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <body> <h1>重要性ではなく違いを表示</h1> <p>最近コンビにで売っているケーキ類が美味しい。特に<b>ロールケーキ</b>が美味しい。</p> </body>

【HTML5課題03】

「注意事項」の部分を、相対的に重要性な高いレベルとして記述しなさい。 <body> <h1>注意、Attentionを表示</h1> <p><strong>注意事項</strong><br> 誤って飲み込むおそれがありますので、<strong>お子様の手の届かない所で保管</strong>してください。</p> </body>

【HTML5課題02】

「ソファーがあって」の部分を強調して記述しなさい。 <body> <h1>重要なフレーズを強調</h1> <p>好きなカフェの条件は、<em>ソファーがあって</em>、コーヒーが美味しいことです。</p> </body>

【HTML5課題01】

ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>