<h1>見出し1</h1>

ここにも文字書けます
<div class="block">
枠を表示します
</div>

<h2>見出し2</h2>

<h3>見出し3</h3>


テキストです
リンクです(押すとページ下部に移動)
※ページ内リンク(#)のリンク先にはclass="link"を付けて下さい
画像リンク
<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 id="linktest" class="link">リンク先です</div>
※メニュー部分を固定表示にしているので
class="link"を付けないとメニューの後ろにリンクが隠れてしまいます。
top