×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

ホームページを作ろう! 文字タグ

トップページ
はじめに
基本タグ
背景の設定
画像タグ
リンクタグ
tableタグ
動くタグ
広告を貼ろう!
ここでは、文字タグについて説明します。
文字タグは<body>と</body>の間に入れてください。

はじめに、文字のサイズを変えてみましょう。
下のように入力すると、文字のサイズを変更できます。
<font size="3">文字</font>文字


数字を変えれば、文字の大きさを自由に設定できます。
<font size="1">文字</font>
文字
<font size="3">文字</font>
文字
<font size="5">文字</font>
文字
<font size="10">文字</font>
文字

ピクセルで指定することもできます。
<div style="font-size:1px;">文字</div>
文字
<div style="font-size:10px;">文字</div>
文字
<div style="font-size:20px;">文字</div>
文字
<div style="font-size:50px;">文字</div>
文字

文字のスタイルを変更する場合
<font face="恋文ペン字">文字</font>
文字
<font face="HG行書体">文字</font>
文字
<font face="HGS教科書体">文字</font>
文字
<font face="江戸勘亭流">文字</font>
文字

他にどんなスタイルがあるのか、試してみてください。
Wordを開いてどんなスタイルがあるのか調べてみましょう。
文字を斜めにします。
<i>文字</i>
文字

アンダーラインを引きます。
<u>文字</u>
文字

取り消し線を引きます
<s>文字</s>
文字

文字の背景に色を付けます
<font style="background-color:#00ff00;">文字</font>
文字

文字に色を付けます。
<font color="#00ff00">文字</font>
文字

これらのタグは組み合わせて使うことができます。
例えば、fontタグの中にサイズと、色、字体、を
書き込むことができます。
<font size="4" color="#00ff00" face="恋文ペン字">文字</font>
文字
<font size="10" color="#0000ff" face="HG行書体" >文字</font>
文字

違う種類のタグを組み合わせる場合は、下のようにします。
<i><font size="10">文字</font></i>文字
<u><font face="HGS教科書体">文字</font></u>文字

文字を左や、中央、右に配置したいときは、
<p align="left">文字</p>

文字

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

文字

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

文字


ただし、このタグで中央に配置しても、
<p align="center">左端が<br>
整列されるわけではないので<br>
注意してください</p>

左端が
整列されるわけではないので
注意してください



<br>は強制改行です。
左端をそろえて中央に表示させる場合は、tableを使う必要があります。
詳しくは、tableタグをごらんください。

  

トップページへ   画像タグへ
おすすめリンク

ホームページ

FC2レンタルサーバーLite

サーバー・レンタルサーバー

アフィリエイト・SEO対策

カウンター

無料・レンタル・掲示板

FC2プロフ