.
HOME > HTML > テキスト/レイアウト
テキスト・スタイル タグ

指定したテキストの色付け
テキストのサイズの指定
テキストのフォントの指定
太字、斜体、下線、取り消し線など
見出しにする
段落の指定
中央揃え
ブロックにまとめる
<font color= ></font>
<font size= ></font>
<font face= ></font>
<b></b> <i></i> <u></u> <strike></strike>
<h1></h1> <h3></h3>
<p></p>
<center></center>
<div></div>


指定したテキストの色付け 上に戻る

<font color=カラー名か#RGB値>〜</font>
フォントの色を指定します。
redやblueなどの色の名前を指定するか#FF0000のようにRGB値を指定することで色が変えられます。
(例)
<font color=red>
テキストの色をredにします。
</font>
<font color=#0000FF>
こっちは#0000FFに。
</font>

テキストの色付け−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
テキストの色をredにします。
こっちは#0000FFに。

テキストのサイズの指定 上に戻る

<font size=1-7>〜</font>
フォントのサイズを指定します。
サイズは1〜7までの値を指定します。
(例)
<font size=1>size1</font>
<font size=2>size2</font>
<font size=3>size3</font>
<font size=4>size4</font>
<font size=5>size5</font>
<font size=6>size6</font>
<font size=7>size7</font>

サイズの指定−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
size1 size2 size3 size4
size5 size6 size7

テキストのフォントの指定 上に戻る

<font face=フォント名>〜</font>
表示するフォントの種類を指定します。
ブラウズしているパソコンに指定したフォントが入ってなければフォントは適用されません。
(例)
<font face=Arial>Arial</font>
<font face=Impact>Impact</font>
<font face=MSゴシック>MSゴシック</font>

フォントの指定−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
Arial
Impact
MSゴシック

太字、斜体、下線、取消線など 上に戻る

<b>〜</b> <i>〜</i> <u>〜</u>
フォントの見た目を変えるタグです。
<b>〜</b>を使うと太字になり、<u>〜</u>を使えば下線をつけることができます。
(例)
<b>太字</b> <i>斜体</i> <u>下線</u>
<strike>取消線</strike>
<sup>上付き文字</sup> <sub>下付き文字</sub>
<em>強調</em> <strong>より強い強調</strong>
<big>大きめの字</big> <small>小さめの字</small>
<i><strike>斜体と取消線</strike></i>

太字、斜体、下線...−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
太字  斜体  下線
取消線
上付き文字  下付き文字
強調  より強い強調
大きめの字  小さめの字
斜体と取消線

見出しにする 上に戻る

<h☆>〜</h☆>
☆:1〜6
このタグを使うと見出しとして表示され、太字になり、前後が改行されます。 <h1>〜</h1>が一番大きくなり、<h6>〜</h6>が一番小さくなります。

<h3 align=☆>〜</h3>
☆:left,center,right
alignを付け足すことで左右に寄せることが出来ます。

align=leftで左に寄せます。
align=centerで中央に寄せます。
align=rightで右に寄せます。
(例)
<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4 align=left>見出し4</h4>
<h5 align=center>見出し5</h5>
<h6 align=right>見出し6</h6>

見出し−Microsoft Internet Explorer
  ファイル(F) 編集(E)...

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6


段落の指定 上に戻る

<p>〜</p>
<p>〜</p>がひとつの段落となり、段落終了後に1行空白がはいります。

<p align=☆>〜</p>
☆:left,center,right
alignを付け足すことで左右に寄せることが出来ます。
(例)
<p>一段落目</p>
<p align=right>二段落目は右寄せ</p>

段落の指定−Microsoft Internet Explorer
  ファイル(F) 編集(E)...

一段落目

二段落目は右寄せ


中央揃え 上に戻る

<center>〜</center>
このタグ内のものは文章、画像やテーブルなどもすべて中央揃えにして表示されます。

(例)
<center>
中央に表示
<img src=star.gif>
</center>

センタリング表示−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
中央に表示


ブロックにまとめる 上に戻る

<div>〜</div>
このタグを使うと画像やテキストなどをひとまとめにすることが出来ます。

<div align=☆>
☆:left,center,right
alignを付け足すことで左右に寄せることが出来ます。
(例)
<div align=right>
<div>〜</div>内の
テキスト、画像などを
右に寄せます。
<img src=star.gif>
</div>

まとめる−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
<div>〜</div>内の
テキスト、画像などを
右に寄せます。



Copyright (C) 2005-2006 mu-a.net All Rights Reserved.