<h1>見出し1</h1>

<div class="block">
枠を表示します
</div>

<h2>見出し2</h2>

<h3>見出し3</h3>

---

テキストです

---

リンクです(押すとページ下部に移動)
※ページ内リンク(#)のリンク先にはclass="link"を付けて下さい

---

画像リンク
<a href="#">～</a> だと幅が狭い時に画像の周りにも枠がつきます


<a href="#" class="bg-none">～</a> にするとつきません

---

<em>強調です</em>

---

<span class="marker">文字装飾</span>
<input size="20" type="text" name="text" value="文字">

<textarea rows="3" cols="20">文字</textarea>
てきすとえりあ
※サイズの指定を直接いれてはいますが、ダミーです。
この数値はまるっと無視で、サイズの変更はstyle.cssで設定してください。

<img src="***"  class="frame">で画像に枠がつきます


大きい画像は、小さい画面では自動的に縮小表示になります
<div id="linktest" class="link">リンク先です</div>
※メニュー部分を固定表示にしているので
class="link"を付けないとメニューの後ろにリンクが隠れてしまいます。