7/9授業内容2

html5」[課題11]
日付を表示させなさい。

<body>
<article>
<section>
<h1>上野動物園に赤ちゃんパンダが生まれる</h1>
<time datetime="2012-7-7"pubdate="pubdate">2012年7月6日</time>
</section>
</article>
</body>
datetimeの中身日付と表示側日付を変えたが表示側日付が表示される。
どうやら中身日付はコンピュータにわからせるためだけ。表示日付になんの意味もない。

html5」[課題12]
話している部分を区別して表示させなさい。

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

html5」[課題13]
本来の文章の意図から離れて強調したい部分を区別して表示させなさい。

<body>
<article>
<section>
<h1>蛍光ペンである部分を区別</h1>
<p>先生はしばらく困ったようすでしたが、眼を<mark>カムパネルラ</mark>
の方へ向けて、「では<mark>カムパネル</mark>さん。」と名指しました。するとあんなに元気に手をあげた<mark>カムパネル</mark>が、やはりもじもじ立ち上ったままやはり答えができませんでした。<br>
先生は意外なようにしばらくじっと<mark>カムパネル</mark>を見ていましたが、急いで「では。よし。」と云いながら、自分で星図を指しました。
</p>
</section>
</article>
</body>
mark要素:テキストの一部分を装飾するために用いる

html5」[課題14]
コピーライトを表示させなさい。

<body>
<article>
<section>
<h1>コピーライト表示</h1>
<p>コピーライトとは著作権という意味です。</p>
<p><small>Copyright &copy; studio felica Inc. All Rights Reserved.</small></p>
</section>
</article>
</body>
small要素:注釈表示を表す(警告・免責事項・法的規制・著作権など)

「html」[課題15]
音楽譜面のPDFを表示。

<body>
<article>
<section>
<h1>地図のPDFを表示</h1>
<object data="samp_bie.pdf"" width="600" height="400">
<p><img src="#" alt="譜面のPDF"></p>
<p><a href="samp_bie.pdf">PDFのダウンロード</a></p>
</object>
</section>
</article>
</body>
object要素:外部ファイル・コンテンツを組み込む
data属性:組み込むファイル・コンテンツのアドレスを指定する

html5」[課題16]
動画を表示させなさい。