HTML5課題07〜08 - はれあめはれ

【HTML5課題07】

ルビをふって表示させなさい。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML5課題07</title>
<link rel="stylesheet" href="">
<script src=""></script>
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/html5.js">
</script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>
<h1>地名にルビを振る</h1>
<p>
<ruby>
日本橋<rt>にほんばし</rt>
</ruby>
</p>
</body>
</html>

ルビに対応していないブラウザでも見えるようにする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML5課題07(2)</title>
<link rel="stylesheet" href="">
<script src=""></script>
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/html5.js">
</script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>
<h1>ルビに対応してないブラウザでも見えるようにする</h1>
<p>
<ruby>
日本橋<rp>(</rp><rt>にほんばし</rt><rp>)</rp>
茅場町<rp>(</rp><rt>かやばちょう</rt><rp>)</rp>
</ruby>
</p>
</body>
</html>

【HTML5課題08】

二酸化炭素の化学式を表示させなさい。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML5課題08</title>
<link rel="stylesheet" href="">
<script src=""></script>
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/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>
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
</style>
</head>
<body>
<h1>化学式を表示</h1>
<p>二酸化炭素の化学式はCO<sub>2</sub>です。</p>
</body>
</html>