携帯サイトのHTMLタグ

HTMLタグ-文字の色を変える

文字の色を変えるには、<font color>タグを使います。

文字の色はカラーコードで指定します。
色の名前を使うこともできます。

<font color="#000000">の後に文字を書き、</font>で閉じます。
#000000の部分がカラーコードです。

<font color="#0000FF">青い文字</font>

と書くと↓のようになります。
青い文字


色とサイズを指定するには
<font color="#FF33FF" size="5">ピンクの大きい文字</font>

ピンクの大きい文字

このようになります。

タグ

2010年7月23日|

カテゴリー:携帯サイトのHTMLタグ

HTMLタグ-文字の大きさを変える

文字の大きさは<font size>タグを使い、1~7の数字で指定できます。

<font size="数字">の後に大きさを変えたい文字を入力し、</font>で閉じます。

<font size="1">小さめの文字</font>

で↓のようになります。
小さめの文字

1と2が小さめの文字
3と4が標準サイズ
5.6.7が大きめになります。


文字の大きさはスタイルシートで指定する方法が推奨されていますが、携帯サイトの場合はスタイルシートが反映されない場合があるので、未だに<font size>タグが使われています。

タグ

2010年7月16日|

カテゴリー:携帯サイトのHTMLタグ

HTMLタグ-線を引く

1.線を引く

仕切り線には<hr>を使います。
端から端まで線を引くことができます。

<hr>タグは単独で使うタグです。


2.線の色を変える

カラーコードか色の名前で指定して、線の色を変えることができます。

<hr color="pink">
<hr color="#ffc0cb">

上のタグでどちらもピンクの線が引けます。↓


"pink"の部分を変えると色が変わります。
ffc0cbはカラーコードです。


3.線の太さを変える

線の太さを数字で指定することができます。
数字の大きい方が線が太くなります。

<hr size="5" noshade>

5の場合は↓の太さになります。


noshadを付けないと影が付いて↓のようになります。


★色と太さの両方を指定する時は、
<hr color="#00ffff" size="3">

のようにすると↓の線が引けます。


タグ

2010年7月13日|

カテゴリー:携帯サイトのHTMLタグ

HTMLタグ-改行する

改行したり、1行空白をあける時には<br>を使います。

<br>タグは単独で使うタグです。

TeraPadなどのテキストエディターで入力する場合、Enterキーを押すと改行されますが、そのファイルをアップロードしても、HP上では続けて同じ行に表示されます。

改行する場合は必ず<br>タグが必要です。

タグ

2010年7月12日|

カテゴリー:携帯サイトのHTMLタグ

HTMLタグの基本

携帯サイトで使えるHTMLタグは制限されていますので、十数個のタグだけで携帯サイトを作ります。

以前は携帯のキャリア毎に携帯サイトを作らなければならなかったのですが、
現在はHTMLで作ったサイトが全てのキャリアで表示されます。

PCサイトのHTMLタグと同じですから、タグの書き方の基本を覚えておくと、
ブログのカスタマイズにも役立ちます。


■HTMLタグの書き方の基本

HTMLタグには、単独で使うものとセットで使うものがあります。

単独で使うものには、改行する<br>や仕切り線を引く<hr>があります。

セットで使うものというのは、
<title> </title>
<body> </body>
というようなものです。

最初の方が開始タグ、/が付いている方が終了タグです。

タグは入れ子式に書かなければなりません。
<head> <title> </title> </head>
という順番になります。

<head> <title> </head> </title>
ではダメなのです。

HPの表示が乱れる時には、開始タグか終了タグがなかったり、書く位置を間違えている場合が多いので、タグがセットになっているか、入れ子式になっているかを確認すると良いですね。

タグ

2010年6月 4日|

カテゴリー:携帯サイトのHTMLタグ