<h1>見出し1</h1>

<h2>見出し2</h2>

<h3>見出し3</h3>

---

テキストです

---

文字リンクです(押すとページ下部に移動)

---

画像リンク
<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">で画像に枠がつきます


大きい画像は、小さい画面では自動的に縮小表示になります