<h1>見出し1</h1>

ここにも文字書けます

<h2>見出し2</h2>

<h3>見出し3</h3>


テキストです
文字リンクです(押すとページ下部に移動)
画像リンク
<a href="#">~</a> だと幅が狭い時に画像の周りにも枠がつきます
image

<a href="#" class="bg-none">~</a> にするとつきません
image
<em>強調です</em>
<span class="marker">文字装飾</span>
<div class="dcline">文字の横に線</div>
<div class="txt">文字下げ&文字の横に線</div>
<div class="textbox">枠が出ます</div>
<div class="title">大きくなります</div>
<input size="20" type="text" name="text" value="文字">

<textarea rows="3" cols="20">文字</textarea>

※サイズの指定を直接いれてはいますが、ダミーです。
この数値はまるっと無視で、サイズの変更はstyle.cssで設定してください。

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

大きい画像は、小さい画面では自動的に縮小表示になります
sample02
リンク先です
[左側]

文字を書くときは
<div class="block">~</div>の中

<div class="block">~</div>の外に書くと、幅を狭くしたときに枠が出ません
外側に文字を書いたサンプル
[右側]

文字を書くときは
<div class="block">~</div>の中
top