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

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

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

</body>
</html>

文字に色をつける

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

タグのソース ブラウザ表示
<font color="#ff0000">文字</font> 文字
<font color="#3300cc">文字</font> 文字
<font color="#cc0099">文字</font> 文字

文字の大きさを変える

タグのソース ブラウザ表示
<font size="1">文字</font> 文字
<font size="2">文字</font> 文字
<font size="3">文字</font> 文字
<font size="4">文字</font> 文字
<font size="5">文字</font> 文字
<font size="6">文字</font> 文字
<font size="7">文字</font> 文字

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

タグのソース ブラウザ表示
<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="MS P明朝">あいうえお</font> あいうえお
<font face="Impact">ABCD123</font> ABCD123
<font face="sans-serif">あいうえお</font> あいうえお

フォントがパソコンに入ってなければ普通に表示されますから、いくつも指定することができます。
<font face="最初のフォントの種類,二つ目のフォントの種類,三つ目のフォントの種類">内容</font>

いろいろ組み合わせると

タグのソース ブラウザ表示
<font face="MS P明朝" size="5" color="#3300cc"><b>文字</b></font> 文字

文字の位置を指定する

タグのソース ブラウザ表示
<p align="left">文字</p>

文字

<p align="center">文字</p>

文字

<p align="right">文字</p>

文字


タグのソース ブラウザ表示
<div align="left">文字</div>
文字
<div align="center">文字</div>
文字
<div align="right">文字</div>
文字

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

タグのソース ブラウザ表示
<p align="center"><font face="verdana" 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>
ブラウザ表示
あいうえおかきくけこ
さしすせそ
たちつてと
なにぬねのはひふへほ


スポンサードリンク





玄関に戻るよ