HTMLタグ－画像を表示する
携帯サイトに画像を表示する場合、画像はサーバーにアップロードしなければなりません。
ドメイン直下に画像フォルダ[img]を作ります。
画像は全て[img]の中にアップロードすると分かりやすいです。
[img]フォルダの中の[01.gif]という画像をトップページに表示する場合は、表示したい位置で↓のように書きます。
<img src="./img/01.gif" alt="画像名" width="サイズ" hight="サイズ">
画像名は省略することもできます。
検索エンジンのロボットに認識させるためには、付けておいた方が良いです。
画像のサイズは、PCに保存されている画像にマウスを合わせると、大きさが○○×○○と表示されますので、その数字を入力します。
省略することもできます。
携帯サイトの場合は、キャリアによって表示できる画像が違います。
Docomo : JPEG,GIF
AU : JPEG,GIF,PNG,BMP
SoftBank : JPEG,PNG
全てのキャリアで表示できるのはJPEG画像です。
デコメ画像はGIFアニメで作ると、SoftBankのデコメ対応機種でも表示されます。
GIFの静止画は、SoftBankの3G携帯なら表示されますので、GIF画像を使っても問題ないと思われます。
あまり容量の大きな画像を使うと、表示に時間がかかったり、表示されないこともありますので注意してください。
5KB以下のものが望ましいです。
タグ
2011年5月18日｜
カテゴリー：携帯サイトのHTMLタグ
携帯サイトのHTMLタグ一覧
携帯サイトで使うHTMLタグの一覧です。
クリックすると各HTMLタグの使い方説明ページへ移動します。
全体の表示 文字の装飾 表示位置の指定 リンクするタグ
2011年5月 3日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－左寄せで表示する
何も指定しない場合、ＨＰ上では左寄せ表示になります。
全体を中央寄せにしていて、一部のみ左寄せにしたいような場合は、
<div align="left">を使います。
<div align="left">この部分が左寄せで表示されます。</div>
上のタグで↓のようになります。
タグ
2011年5月 3日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－背景の色などを変える
特別の指定をしない場合、HPの背景は白、文字の色は黒、リンクは青、選択済みのリンクは紫になります。
これらを変更する場合は、
<body>タグを <body bgcolor="背景色" text="文字色" link="リンク色" vlink="選択済みリンク色">のように変更します。
それぞれの色はカラーコードで指定します。
タグ
2011年5月 1日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－HPの構成に使うタグ
携帯サイトの構成に最低限必要なタグの構成は次の通りです。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>タイトル</title>
</head>
<body>
携帯サイトの内容
</body>
</html>
TeraPadなどにコピーして使ってください。
タイトルを入力し、携帯サイトの内容の所に文章を書いたり、画像を貼ったりします。
「index.html」というファイル名で保存すれば、携帯サイトのトップページになります。
保存したファイルを開くと、ブラウザで表示されます。
実際に携帯で見るには、サーバーにアップロードする作業が必要になります。
タグ
2011年4月22日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－流れる文字
<marquee>で流れる文字を表示できます。
携帯サイトは１行に表示できる文字数が少ないので、右から左に流れる文字を使ってアピール文などを書きます。
使い方は、↓のようにします。
<marquee bgcolor="カラーコード"><font color="カラーコード">流れる文字です。</font></marquee>
bgcolorに下地の色、font colorに文字の色を入れます。
キャリア(携帯会社)によっては背景色が出ないので、サイトの背景色と流れる文字の色が同じにならないようにしておきましょう。
下地をピンク、文字を赤にすると↓のようになります。
タグ
2011年4月15日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－別のページへリンクする
クリックするとトップページから子ページへ移動したり、別のサイトに移動するにはリンクタグ<a href="URL"> を使います。
<a href="URL">リンクさせる文字</a>
このように入力し、ＵＲＬには飛び先のページのＵＲＬを入れます。
リンクさせる文字は「アンカーテキスト」と言いますが、サイト名やそのページの内容を表す言葉にすると良いです。
ＳＥＯ的にアンカーテキストは重要です。
リンクタグはランキングサイトに登録した時や、広告を貼る時など非常によく使うタグです。
タグ
2010年10月24日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－右寄せで表示する
文字を右寄せで表示するには、<div align="right">を使います。
何も指定しない場合、ＨＰ上では左寄せ表示になります。
<div align="right">タグでサイト全体を右寄せにしたり、一部分のみを右寄せにすることができます。
<div align="right">この部分が右寄せで表示されます。</div>
上のタグで↓のようになります。
小さな携帯の画面の中ですが、文字の表示位置を変化させることで印象を変えることができます。
タグ
2010年10月24日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－中央寄せで表示する
文字を中央寄せで表示するには、<div align="center">を使います。
何も指定しない場合、ＨＰ上では左寄せ表示になります。
<div align="center">タグでサイト全体を中央寄せにしたり、一部分のみを中央寄せにすることができます。
<div align="center">この部分が中央寄せで表示されます。</div>
と書くと↓のようになります。
<center> </center>でも同様に中央寄せにできます。
無料ＨＰスペースによっては、どちらかのタグしか対応してない場合がありますので、反映されなかったら別のタグを使ってみてください。
【参考】
<div align="center">でサイト全体を中央寄せにした場合で、一部分だけ左寄せにするには、<div align="left">を使う方法もあります。
タグ
2010年10月24日｜
カテゴリー：携帯サイトのHTMLタグ
HTMLタグ－文字を太字にする
文字を太字にする場合は、<b>タグを使います。
太字にしたい文字を<b> </b>で囲みます。
<b>太字だよ</b>
で↓のようになります。
太字だよ
<b>ﾀｸﾞは文字を太字にするというより、重要なテキスト(文章)なので強調するという意味で使うのが正しい使用法です。
タグ
2010年10月23日｜
カテゴリー：携帯サイトのHTMLタグ
