ＨＴＭＬタグ言語で何ができるか（11）─横文字を縦文字に簡単に変換する

横文字を縦文字に簡単に変換する

↑クリック（完成ページにリンク）

写真（１）

　写真（１）は、「影印」画面です。
（１）浅野内匠頭の辞世「風さそふ花よりも猶我ハまた春の名残をいかにとかせん」の当時の史料です。
（２）「影印」とは直筆の撮影印刷をいいます。写真（１）は多門伝八郎の影印です。

頭硯箱引寄

ゆるく墨を摺

筆を取

　　風さそふ花よりも猶我ハまた春の名残をいかにとかせん
と書て刀を介錯人御徒目付磯田武太夫ニ相渡候内相待被

居候

右之歌ハ御徒
目付水野杢左衛門受取

田村左京太夫江差出候ニ付受取被

申候内

介錯人磯田武太夫
古法之通介錯いたし

切腹相済見届之返答有

之

死骸等ハ田村左京太夫方ニ而取計
候故

跡之義者左京太夫江申渡

各退散也

写真（２）

　写真（２）は、「テキスト文字」画面です。
（１）影印の読み下し分をOCRでテキスト化したものです。
（２）ビルダー３などの句（。）読（、）点は、原則として横文字用です。
（３）縦文字にするため、縦用の句読点、返り点、一二点、改行幅をフォトショップエレメンツで作ります。

「

」（縦用の読点）、「

」（縦用の返り点）、「

」「

」（縦用の一二点）、「

」（改行幅）

↑クリック（完成ページにリンク）

写真（３）

　写真（３）は、「レイアウト原簿」画面です。
（１）①「セル」の幅を文字幅の２０ピクセルに設定する。
（２）②改行幅を自由に調整するため、背景に合わせたイメージを作成します。

写真（４）

　写真（４）は、「表の属性」画面です。
（１）①「セル」内を右クリック→②「表の属性」をクリックします。

写真（５）

　写真（５）は、「セルの幅」画面です。
（１）①「水平位置揃え」は「中央揃え」→②「垂直位置揃え」は「上揃え」
（２）③「セルの幅」（文字幅の２０）→④「OK」

写真（６）

　写真（６）は、「置換」画面です。
（１）①「検索する文字列」（ここでは<TD></TD>）
（２）②「置換後の文字列」「ここでは<TD align="center" valign="top" width="20"></TD>」
（３）③「すべて置換」をクリックします。

写真（７）

　写真（７）は、「すべて置換」画面です。
（１）写真（７）は、写真（６）を実行した画面です。

写真（８）

　写真（８）は、「切り取り」画面です。
（１）①「レイアウト原簿」を取り込みます。
（２）②文字列をドラッグ→③「切り取り」→「レイアウト原簿」に貼り付けます。

↑クリック（完成ページにリンク）

写真（９）

　写真（９）は、「完成」画面です。