縦書きに見えるページの作り方

縦書きに見えるページの作り方
ここは縦横の区別はありません

基本的な考え方	単純な方法	変換が必要な記号	行間隔、文字間隔を調整する
タグをどうするか	より奇麗な表示	どうやって作るか

　<TT>タグと<PRE>タグを使うことによって、とりあえず縦書きっぽく見せることはできるようになりました。しかし、実際には微妙なズレが出て、あまり奇麗な縦書きに見えないことも事実です。そこで、より奇麗に見せるために、<TABLE>タグを使用します。
　これもサンプルを見た方が早いでしょう。

`え`	`字`	`ブ`	`か`	`は`	`ブ`
`る`	`の`	`ラ`	`も`	`	`ラ`
`か`	`大`	`ウ`	`し`	`あ`	`ウ`
`も`	`き`	`ザ`	`れ`	`ま`	`ザ`
`し`	`さ`	`に`	`ま`	`り`	`上`
`れ`	`が`	`よ`	`せ`	`変`	`で`
`ま`	`違`	`っ`	`ん`	`わ`	`の`
`せ`	`っ`	`て`	`ﾟ`	`ら`	`見`
`ん`	`て`	`は`	`た`	`な`	`た`
`ﾟ`	`見`	`文`	`だ`	`い`	`目`
			`

　実際の記述は以下のようになります。


<TABLE celpadding=0 cellspacing=0>
<TR><TD ALIGN=CENTER><TT>え </TT></TD><TD ALIGN=CENTER><TT>字 </TT></TD><TD ALIGN=CENTER><TT>ブ </TT></TD><TD ALIGN=CENTER><TT>か </TT></TD><TD ALIGN=CENTER><TT>は </TT></TD><TD ALIGN=CENTER><TT>ブ </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>る </TT></TD><TD ALIGN=CENTER><TT>の </TT></TD><TD ALIGN=CENTER><TT>ラ </TT></TD><TD ALIGN=CENTER><TT>も </TT></TD><TD ALIGN=RIGHT><TT> `</TT></TD><TD ALIGN=CENTER><TT>ラ </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>か </TT></TD><TD ALIGN=CENTER><TT>大 </TT></TD><TD ALIGN=CENTER><TT>ウ </TT></TD><TD ALIGN=CENTER><TT>し </TT></TD><TD ALIGN=CENTER><TT>あ </TT></TD><TD ALIGN=CENTER><TT>ウ </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>も </TT></TD><TD ALIGN=CENTER><TT>き </TT></TD><TD ALIGN=CENTER><TT>ザ </TT></TD><TD ALIGN=CENTER><TT>れ </TT></TD><TD ALIGN=CENTER><TT>ま </TT></TD><TD ALIGN=CENTER><TT>ザ </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>し </TT></TD><TD ALIGN=CENTER><TT>さ </TT></TD><TD ALIGN=CENTER><TT>に </TT></TD><TD ALIGN=CENTER><TT>ま </TT></TD><TD ALIGN=CENTER><TT>り </TT></TD><TD ALIGN=CENTER><TT>上 </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>れ </TT></TD><TD ALIGN=CENTER><TT>が </TT></TD><TD ALIGN=CENTER><TT>よ </TT></TD><TD ALIGN=CENTER><TT>せ </TT></TD><TD ALIGN=CENTER><TT>変 </TT></TD><TD ALIGN=CENTER><TT>で </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>ま </TT></TD><TD ALIGN=CENTER><TT>違 </TT></TD><TD ALIGN=CENTER><TT>っ</TT></TD><TD ALIGN=CENTER><TT>ん </TT></TD><TD ALIGN=CENTER><TT>わ </TT></TD><TD ALIGN=CENTER><TT>の </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>せ </TT></TD><TD ALIGN=CENTER><TT> っ</TT></TD><TD ALIGN=CENTER><TT>て </TT></TD><TD ALIGN=CENTER><TT> ﾟ</TT></TD><TD ALIGN=CENTER><TT>ら </TT></TD><TD ALIGN=CENTER><TT>見 </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>ん </TT></TD><TD ALIGN=CENTER><TT>て </TT></TD><TD ALIGN=CENTER><TT>は </TT></TD><TD ALIGN=CENTER><TT>た </TT></TD><TD ALIGN=CENTER><TT>な </TT></TD><TD ALIGN=CENTER><TT>た </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT> ﾟ</TT></TD><TD ALIGN=CENTER><TT>見 </TT></TD><TD ALIGN=CENTER><TT>文 </TT></TD><TD ALIGN=CENTER><TT>だ </TT></TD><TD ALIGN=CENTER><TT>い </TT></TD><TD ALIGN=CENTER><TT>目 </TT></TD></TR>
<TR><TD ALIGN=CENTER><TT>　 </TT></TD><TD ALIGN=CENTER><TT>　 </TT></TD><TD ALIGN=CENTER><TT>　 </TT></TD><TD ALIGN=CENTER><TT> `</TT></TD><TD ALIGN=CENTER><TT>　 </TT></TD><TD ALIGN=CENTER><TT>　 </TT></TD></TR>
</TABLE>

　このやりかたの場合、各文字毎に位置を調整することができるので、全体的なバランスは奇麗に取ることができます。が、長い文章になると、それだけテキストが大きくなってしまうのが難点です。

ご意見ご感想はメールか掲示板へ