HTMLタグ講座

© 2000–2011 Atelier TM. All rights reserved.

Google
第7章 文章のレイアウト

改行、区切り線、段組について

改行してみます。

使用するタグは、<BR> 
このタグは、強制改行します。なお、これは対にはなっておらず単体で使います。

<NOBR>〜</NOBR> このタグは、改行を禁止します。
このタグに挟まれた文章は自動改行されません。
<WBR>このタグを使って、改行禁止内で改行させます。
改行させない<NOBR>〜</NOBR>の中で、ここならば改行してもよいという位置を指定する場合に使います。
<BR>と違って必ず改行されるわけではありません。

行揃えや段落に関するタグ

<DIV ALIGN="LEFT/CENTER/RIGHT">〜</DIV>
行揃えを指定します。指定しなければ通常は左よせです。

<P ALIGN="LEFT/CENTER/RIGHT">〜</P>
段落を形成します。
これに挟まれた部分は段落とみなされ、この段落の次の行が自動的に1行あきになります。
<p>〜</p>でも使えるよ!左寄せになるけどね。

<H数字ALIGN="LEFT/CENTER/RIGHT">〜</H数字>
見出しになります。
テキストは自動的に太字になり前後が1行あきになります。
数字は1〜6で小さい数字ほど字体は大きくなりますので注意してね。
<h>〜</h> でも使えるよ!これも左寄せになります。

区切り線に関するタグ

<HR>区切り線をつけます。単体で使います。
<HR SIZE="ピクセル数" WIDTH="ピクセル数">
1ピクセルは0.35ミリです。
SIZEは線の太さ、WIDTHは線の長さを指定します。

<HR ALIGN="LEFT/CENTER/RIGHT">
線の揃えを指定します。
これはWIDTH(線の長さ)を指定した時のみ有効です。
LEFTは左よせ、CENTERはセンタリング、RIGHTは右よせ指定です。

<HR COLOR="カラーコード">
線の色をを指定します。IEのみです。

区切り線のタグの使用例

影無し区切り線のタグは <hr noshade="noshade">
<hr size="3" width="100">
<hr width="80%" size="4">
区切り線を破線にする (dashed) <hr style="border-top: 2px dashed #ff9d9d;width: 100%;">
点線にする (dotted) <hr style="border-top: 2px dotted #ff9d9d;width: 100%;">
二重線にする (double) <hr style="border-top: 4px double #ff9d9d;width: 100%;height:3;">
凸 outset <hr style="border-top:4px outset #80ff00;width: 100%;height:5;">
凹 inset <hr style="border-top:20px inset #c0c0c0;width: 100%;height:10;">

段組に関するタグ

ネスケのみ対応?
<MULTICOL COLS="☆">〜</MULTICOL>
☆は段数 指定した段数の段組に配置できます。
<MULTICOL COLS="☆" WIDTH="ピクセル数">〜</MULTICOL>
段組の全体の幅を指定します。

Contents

Software

Dectionary

素材・CGI