|
■■■■■文章の装飾■■■■文章の装飾■■■■文章の装飾■■■■■ |
|
| ●基本のフォントサイズを設定 |
|
<basefont size="1-7 7が最大"> |
| ●フォント型式を設定 |
|
<font
face="変えたいフォント名称（ＭＳ Ｐゴシック）">フォントを変えたい文章</font> |
|
|
<span style="font-family:変えたいフォント名称（ＭＳ Ｐゴシック）"> |
|
フォントを変えたい文章 |
|
</span> |
|
|
フォント例 |
|
<font face="恋文ペン字">恋文ペン字</font> |
|
<font face="ふみゴシック">ふみゴシック</font> |
|
<font face="Times new Roman">Times new Roman</font> |
|
<font face="Impact">Impact</font> |
|
<font face="Amaze" size="5">Amaze</font> |
|
| ●サイズ |
|
<h1-6>サイズを変更する文章h1が最大</h1-6> |
|
|
<font size="1-7">サイズを変更する文章 7が最大</font> |
|
|
<span style="font-size:44pt">サイズを変更する文章</span> |
|
|
<span style="font-size :
800px;color : #000000;">大</span> |
|
| ●色 |
|
|
<font color="#*****">色を変える文章</font> |
|
<span style="color:ffffff">色を変える文章</span> |
|
| ●背景色付 |
|
<span style="background:aaddff">背景色付文章</span> |
|
|
<table bgcolor="#ff77ff"> |
|
<tr><td> |
|
背景色付文章 |
|
</td></tr> |
|
</table> |
|
|
| ●背景色付（幅指定・背景色部分） |
|
<table bgcolor="#ff77ff" width="640"> |
|
<tr><td><center> |
|
背景色付文章 |
|
</center></td></tr> |
|
</table> |
|
| ●フォントとフォントサイズを指定する＋文字に背景色を付ける |
|
<span style="font-family:Arial Black; font-size:24pt;
color:ffffff; background:0000ff"> |
|
フォントとフォントサイズを指定する＋文字に背景色を付ける文章 |
|
</span> |
|
| ●太字 |
|
<b>太字に変更する文章</b> |
| ●斜体 |
|
<i> 斜体にする文章 </i> |
| ●下線 |
|
<u> 下線を引く文章 </u> |
| ●上付き文字 |
|
<Sup></Sup> |
| ●下付き文字 |
|
<Sub></Sub> |
| ●取り消し線 |
|
<s> 取り消し線を引く文章</s> |
|
<strike>取り消し線を引く文章</strike> |
| ●文字にふりがな |
|
<ruby><rb>文字<rt>ふりがな</ruby> |
| ●上下左右にスペース開ける |
|
<blockquote>文章</blockquote> |
| ●改行 |
|
<br> |
| ●自動改行を禁止 |
|
<nobr>文章</nobr> |
| ●中央配置 |
|
<center>中央配置させる文章</center> |
|
|
<div align="center">中央寄せ</Div> |
|
| ●右配置 |
|
<h3 align="right">右配置させる文章</h3> |
|
|
<div align="right">右寄せ</Div> |
|
| ●左配置 |
|
<h3 align="left">右配置させる文章</h3> |
|
|
<div align="left">右寄せ</Div> |
|
| ●書いたままを表示 |
|
<pre>書いたままを表示させる文章</pre> |
|
|
<xmp>書いたままを表示させる文章 タグを含む</xmp> |
|
| ●点滅 |
|
<!--●● 文字：点滅 ●●--> |
|
<script language="javascript"> |
|
<!-- |
|
function b(){document.all.a.style.visibility =
"hidden";setTimeout("c()", 500);} |
|
function c() {document.all.a.style.visibility
="visible";setTimeout("b()", 500);} |
|
//--> |
|
</script> |
|
<body onLoad="c()"> |
|
<div id="a"> |
|
点滅させる文字 |
|
</div> |
|
| ●ブラウザで表示されない文章を入れる |
|
<!-- ここに文章を書くと何行でも表示されない --> |
|
|
// ここに文章を書くとその１行のみ表示されない |
|
|
■■■流れる文字■■■ |
| ●右から左 |
|
<marquee>普通</marquee> |
| ●左から右 |
|
<marquee direction="right">右へ進む</marquee> |
| ●幅を指定 |
|
<marquee width="200">横幅を決めた</marquee> |
| ●右や左に行ったり来たり |
|
<marquee behavior="alternate">左右へ動く</marquee> |
| ●背景色入り |
|
<marquee bgcolor="色コード">背景色付き</marquee> |
|
| ●マウスで停止 |
|
<marquee
onmouseover=this.stop() onmouseout=this.start()> |
|
|
| ●スクロールスピードの指定 |
|
<marquee
bgcolor="#00FF99" scrollamount="ピクセル数"
width="350"> |
|
スクロールスピードの指定 |
|
</marquee> |
| ●幅指定、背景色付き、スクロールスピード指定、マウスで停止 |
|
<marquee
width="200" bgcolor="#ff66ff" scrollamount="4" onmouseover=this.stop() onmouseout=this.start()> |
|
流れる文章 |
|
</marquee> |
|
|
|
|
★★★★★★★★★★★★ 文章の書く位置を変える ★★★★★★★★★★★★ |
| ●左ぞろえ |
|
<h4 align="left">左ぞろえする文章</h4> |
| ●中央ぞろえ |
|
<h4 align="center">中央ぞろえする文章</h4> |
|
<center>中央ぞろえする文章</center> |
| ●右ぞろえ |
|
<h4 align="right">右ぞろえする文章</h4> |
|
| ●指定した範囲の巾のみ文章を書く |
|
</table> |
|
<table width="320" border="0"
cellspacing="0" cellpadding="0"> |
|
<tr> |
|
<td> |
|
指定した幅のみ表示させる文章を書く |
|
</td> |
|
</tr> |
|
</table> |
|
| ●左に一定のスペースを空けて行頭を揃える |
|
<table border="0"> |
|
<tr> |
|
<td width="100"></td> |
|
<td> |
|
左に一定のスペースを空けて行頭を揃える文章 |
|
</td> |
|
</tr> |
|
</table> |
|
| ●文章全てを中央ぞろえ |
|
<div align="center"> |
|
<table border="0" cellspacing="0"
cellpadding="0"> |
|
<tr> |
|
<td> |
|
ここへ中央ぞろえする文章全てを入れる |
|
</td> |
|
</tr> |
|
</table> |
|
</center> |
|
| ●文章を段落としてまとめる |
|
<div>文章</div> |
| ●文字に読み仮名をふる |
|
<ruby>★<rp>■</rp><rt>☆</rt><rp>■</rp></ruby> |
|
★=ルビを付ける対象文章 |
|
☆=ルビ |
|
■=タグ未対応ブラウザで表示させる文字 |
| ●上付き文字 |
|
<sup>文字</sup> |
| ●下付き文字 |
|
<sub>☆</sub> |
|
|