7/9授業内容 1
「html5」[課題4]
「ロールケーキ」の部分を、他との違いを表して記述しなさい。
<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>html5 課題</title> <link rel="stylesheet"href="base.css"> <script src=""></script> <!--[if lte IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!--[if lte IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]--> <style> section,article,aside,header,footer,figure,hgroup,dialog,nav,menu{display:block}; </style> </head> <body> <section> <h1>[ロールケーキ]重要性ではなく違いを表示</h1> <p>最近コンビにで売っているケーキ類が美味しい。特に<b>ロールケーキ</b>が美味しい。</p> </section> </body> </html> *他のテキストとの違いを表す。
「html5」[課題5]
TPOを定義語として表示させなさい。
<body> <section> <h1>TPOを定義語として記述</h1> <p><dfn title="Time,Place,Occasion">TPO</dfn>は、時と場所と場合にあった服装やふるまいをすることであると定義されています。</p> </section> definition(定義)
「html5」[課題6]
USAを略語として表示させなさい。
<body> <section> <h1>USAを略語として記述</h1> <p><abbr title="United States Of America">USA</abbr>はアメリカ合衆国の略称です。</p> </section> </body> </html> abbreviation(略語)
「html5」[課題7]
ルビをふって表示させなさい。
<body> <section> <h1>地名にルビを振る</h1> <p><ruby>日本橋<rt>nihonbashi</rt></ruby></p> </section> </body> </html> ruby(ルビ:漢字の読みがな) <!--ルビに対応していないブラウザでの対応--> <body> <section> <h1>ルビに対応していないブラウザでも見えるようにする</h1> <p> <ruby> 日本橋<rp>(</rp><rt>nihonbashi</rt><rp>)</rp> 茅場町<rp>(</rp><rt>kayabacyou</rt><rp>)</rp> </ruby> </p> rp要素は、ruby要素に対応していないブラウザに、ルビテキストに括弧をつける(Firefoxの場合) 注*ブラウザでの確認はしてませが対応できてると思います。
「html5」[課題8]
二酸化炭素の化学式を表示させなさい。 <body> <section> <h1>二酸化炭素の化学式を表示</h1> <p>二酸化炭素の化学式はCO<sub>2</sub>です。 </p> </section> </body> </html> sub要素:下付き文字
「html5」[課題9]
面積の単位を表示させなさい。
<body> <section> <h1>面積の単位を表示</h1> <p>1辺の長さが1メートルの正方形の面積は、1m<sup>2</sup>とあらわします。 </p> </section> </body> <!--sup要素:上付き文字-->
「html5」[課題10]
<body> <article> <section> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用:グスコーブドリの伝記</cite> <p>グスコーブドリは、<q>イーハトーヴの大きな森のなかに生まれました。</q></p> </section> </article> </body> cite要素:引用元の作品名を表す q要素:フレーズの引用を表す quote(引用) blockquote要素:まとまったかたまりの引用を表す↓↓↓ <body> <article> <section> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用:グスコーブドリの伝記</cite> <p>グスコーブドリは、<q>イーハトーヴの大きな森のなかに生まれました。</q></p> <blockquote>グスコーブドリは、イーハトーヴの大きな森のなかに生まれました。おとうさんは、グスコーナドリという名高い木こりで、どんな大きな木でも、まるで赤ん坊を寝かしつけるようにわけなく切ってしまう人でした。 ブドリにはネリという妹があって、二人は毎日森で遊びました。ごしっごしっとおとうさんの木を挽ひく音が、やっと聞こえるくらいな遠くへも行きました。二人はそこで木いちごの実をとってわき水につけたり、空を向いてかわるがわる山鳩の鳴くまねをしたりしました。するとあちらでもこちらでも、ぽう、ぽう、と鳥が眠そうに鳴き出すのでした。</blockquote> </section> </article> </body>