文字のタグ

♪ HTMLファイルを作ってみよう

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>HPのタイトルを入れます</title>
</head>
<body>

この場所が、表示されるタグのソースを入れる部分です。

</body>
</html>

■ 文字に色をつける

色指定は、カラーコードを参考にしてください。

■ 文字の大きさを変える

■ 文字の大きさをピクセルで指定する

タグのソース	ブラウザ表示
<div style="font-size:8px;">この文字サイズは8ピクセルです。</div>	この文字サイズは8ピクセルです。
<div style="font-size:50px;">この文字サイズは50ピクセルです。</div>	この文字サイズは50ピクセルです。

■ 文字の大きさを指定して色をつける

タグのソース	ブラウザ表示
<font size="5" color="#3300CC">文字</font>	文字

■ 文字を太くする

タグのソース	ブラウザ表示
<strong>文字</strong>	文字
<b>文字</b>	文字

■ 文字の大きさを指定して色をつけて太字にする

タグのソース	ブラウザ表示
<font size="5" color="#3300CC"><b>文字</b></font>	文字

■ 文字を斜めにする

タグのソース	ブラウザ表示
<em>文字</em>	文字
<i>文字</i>	文字

■ 文字に下線をつける

タグのソース	ブラウザ表示
<u>文字</u>	文字

■ 文字に取り消し線をつける

タグのソース	ブラウザ表示
<s>文字</s>	文字

■ 文字の背景に色をつける

タグのソース	ブラウザ表示
<font style=background-color:"#FFFF00">文字</font>	文字

■ 文字の書体を指定する

フォントの種類は数多くあるから、好きなのを探して入れるといいよ。

■ いろいろ組み合わせると

タグのソース	ブラウザ表示
<font face="江戸勘亭流" size="5" color="#3300CC"><b>文字</b></font>	文字

■ 文字の位置を指定する

■ いろいろ組み合わせて位置を指定

タグのソース	ブラウザ表示
<p align="center"><font face="江戸勘亭流" size="5" color="#3300CC"><b>文字</b></font></p>	文字

■ 文字を中央に表示して、並べる場合

タグのソース

<table border="0" align="center">
<tr>
<td>あいうえおかきくけこ<br>さしすせそ<br>たちつてと<br>なにぬねのはひふへほ</td>
</tr>
</table>

ブラウザ表示

あいうえおかきくけこ
さしすせそ
たちつてと
なにぬねのはひふへほ

■ 文字を右に表示して、並べる場合

タグのソース

<table border="0" align="right">
<tr>
<td>あいうえおかきくけこ<br>さしすせそ<br>たちつてと<br>なにぬねのはひふへほ</td>
</tr>
</table>

ブラウザ表示

あいうえおかきくけこ
さしすせそ
たちつてと
なにぬねのはひふへほ