携帯アフィリエイト塾！

携帯ＨＰ初心者にも分かりやすい、携帯ＨＰ作成講座「携帯ＨＰの基本構造」編。

携帯ＨＰの基本構造

携帯ＨＰはタグと呼ばれるものを組み合わせて作っていきます。
タグの基本的な配置をお伝えしましょう。

携帯ＨＰの基本的な構造
<html> <head> <title>ページのタイトル</title> <meta name="CHTML" content="yes"> </head> <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#990099" alink="#AA0000"> ページの本文 </body> </html>

携帯ＨＰの基本的な構造

<html>
<head>
<title>ページのタイトル</title>
<meta name="CHTML" content="yes">
</head>
<body bgcolor="#FFFFFF" text="#000000" 
link="#0000FF" vlink="#990099" alink="#AA0000">

ページの本文

</body>

</html>

ページのタイトルは携帯ＨＰではあまり意識されてこなかったのですが、モバイルサーチエンジンが普及するにしたがって重要になってきています。

実際に携帯電話の画面に表示されるのはページの本文の部分です。携帯ＨＰ用タグで文字をキレイに表示させたり、画像を表示させたり、リンクを張ったりするのは全てこの部分になります。

<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#990066" alink="#AA0000"> の部分は、画面に表示される色を指定しています。それぞれの意味は次の通りです。

bgcolor・・・背景色
text　・・・文字色
link　・・・リンク色
vlink　・・・訪問済みリンク色
alink　・・・クリック直後のリンク色

なお色の指定には、色の名前を指定するか、16進数で入力をします。
携帯ＨＰの色指定・16進数へ≫

このページの先頭へ
携帯ＨＰ作成講座TOPに戻る

携帯アフィリエイト塾は全ページリンクフリーです。