無料ホームページの作り方
ページに表示される文字を入れる場所は、<body>〜</body>内に入れてください。
■文字の大きさを指定する
| タグのソース |
ブラウザ表示 |
| <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> |
文字 |
■文字に色を指定する
#なんとかの部分は、カラーコードを見てください。
| タグのソース |
ブラウザ表示 |
| <font color="#ff0099">文字</font> |
文字 |
| <font color="#cc0099">文字</font> |
文字 |
| <font color="#00ff00">文字</font> |
文字 |
■文字の大きさを指定して色を指定する
| タグのソース |
ブラウザ表示 |
| <font size="4" color="#00ff00">文字</font> |
文字 |
■文字を太字に指定する
| タグのソース |
ブラウザ表示 |
| <b>文字</b> |
文字 |
■文字の大きさを指定して色を指定して太字に指定する
| タグのソース |
ブラウザ表示 |
| <font size="4" color="#00ff00"><b>文字</b></font> |
文字 |
■文字を強調する
| タグのソース |
ブラウザ表示 |
| <strong>文字</strong> |
文字 |
■文字を斜めにする
| タグのソース |
ブラウザ表示 |
| <i>文字</i> |
文字 |
■斜め文字を強調する
| タグのソース |
ブラウザ表示 |
| <em>文字</em> |
文字 |
■文字に下線を指定する
| タグのソース |
ブラウザ表示 |
| <u>文字</u> |
文字 |
■文字に取り消し線を指定する
| タグのソース |
ブラウザ表示 |
| <s>文字</s> |
文字 |
■文字の背景に色を指定する
| タグのソース |
ブラウザ表示 |
| <font style=background-color:"#ffff00">文字</font> |
文字 |
■文字の書体を指定する
MS P明朝の部分が、フォントの指定部分です。好きなフォントに指定してください。
| タグのソース |
ブラウザ表示 |
| <font face="MS P明朝">文字</font> |
あいうえお |
■文字の書体を指定して大きさを指定して色を指定して太字に指定する
| タグのソース |
ブラウザ表示 |
| <font face="MS P明朝" size="4" color="#00ff00"><b>あいうえお</b></font> |
あいうえお |
■文字の大きさをピクセルで指定する
数字を変更すると、大きさは自由になります。
| タグのソース |
ブラウザ表示 |
| <div style="font-size:13px;">あいうえお</div> |
あいうえお |
■段落を指定して文字の位置を指定する
| タグのソース |
ブラウザ表示 |
| <p align="left">文字</p> |
文字 |
| <p align="center">文字</p> |
文字 |
| <p align="right">文字</p> |
文字 |
■普通に文字の位置を指定する
| タグのソース |
ブラウザ表示 |
| <div align="left">文字</div> |
文字 |
| <div align="center">文字</div> |
文字 |
| <div align="right">文字</div> |
文字 |
■文字を真ん中に指定して並べる
文字を一行だけ真ん中に指定するのは、<center>〜</center>で指定できますが、
<br>で改行すると、そろって表示されなくなりますよね。
そんなときはテーブルを使います。
| タグのソース |
ブラウザ表示 |
<table border="0" align="center">
<tr>
<td>
文字を真ん中に表示させよう。<br>
難しくないですか？<br>
とっても簡単だよ。(*^^*)<br><br>
このようにテーブルを使えばいいのです。
</td>
</tr>
</table> |
文字を真ん中に表示させよう。
難しくないですか？
とっても簡単だよ。(*^^*)
このようにテーブルを使えばいいのです。
|
|
■文字を右に指定して並べる
| タグのソース |
ブラウザ表示 |
<table border="0" align="right">
<tr>
<td>
文字を右に表示させよう。<br>
難しくないですか？<br>
とっても簡単だよ。(*^^*)<br><br>
テーブルを使えばいいのです。
</td>
</tr>
</table> |
文字を右に表示させよう。
難しくないですか？
とっても簡単だよ。(*^^*)
テーブルを使えばいいのです。
|
|
スポンサードリンク
|