雛屋　/　tag　ご利用の前に

index > tag > read

※ご利用の前に
　１.おことわり
　２.HTMLとページの構造
　３.タグの鉄則

▽おことわり: タグが使えるスペースとご自分で画像アップができる（画像URLがわかる）ことが前提ですので、この辺のことが「意味わからん」という方は、まずそちらからお調べ下さいませ。
内容はうちのサイトで使っているタグ、画像関連のタグを中心にまとめていますが、必ずしも全ての機種で同じように反映されるわけではないと思いますのでご注意下さい。
記述については間違いのないように気をつけていますが、あまり信用は置けませんので(おい)、ホントに詳しい事や正しい事は専門のサイトや本などでお調べ頂けますようお願い致します。
勝手ながら質問などは受け付けておりませんのでご了承下さい。

▽HTMLとページの構造: HTMLとは「HyperText Markup Language」を略したものです。が、そんなこと言ってもよく意味も分かりませんので、ここでは「ＷＥＢページを作るためのハイパーな文書」と解釈します(適当か)。

このサイトもそうですが、私達が見ているホームページは文書(ソース)にすると大体こういう風になってます↓

<html>
<head>metaタグやcssはここに入れます。
<title>タイトル</title>
</head>
<body>
本文。
ここの内容が画面に表示されます。
</body>
</html>

上記のページを構造するタグは、必ず１ページに１つ。抜けたり、２つ記述したりすると、ブラウザによってはおかしな具合になる事もあるそうです。あら大変。
雛屋ではこれをPCのメモ帳でポチポチ打って作ってますが、携帯でレンタル出来るＨＰスペースの多くは<body>～</body>の中だけを作っていく感じになっているので、よくＨＰの編集画面などで設定するページのタイトルは、<title>ここ</title>へ。配色は<body>に、<body bgcolor="背景色" text="文字色" link="リンク色" alink="選択リンク色" vlink="訪問済リンク">という感じで挿入されてると思って下さい。

因みに、HTMLにも色々バージョンがあったり、XHTMLというのもありますが、携帯でフツーのサイト作る上ではあんまり関係ない･･というか全然知らないのでスルーです。
ただ携帯の場合、au、docomo、vodaのキャリア毎や、機種によっても対応してるタグや仕様が違うので、これはＰＣでも言える事ですが、自分が見えているものと同じように他の人も見えているとは限りません。
どのキャリアでもなるべく見た目を統一させたい場合は、余分なタグを入れずシンプルにページを作るのが一番かと思います。

styleのこと: <style type="text/css">で始まるcssは、本来<head>間に入れるものですが、弄ることが出来ないスペースでは<body>の上部(つまり編集するページの一番上。)に書きます。
これでも大抵は反映されるので大丈夫ですが(現にbodyの一番下に書いても反映する･･)、正しい記述ではないので、vodaではcssに対応している機種でも反映されないようです。
また、スペースによっては<style type="text/css">が使えない(又はが使えないのかも･･)所もあると思いますが、そういう場合は<body>内でHTMLタグに直接指定する方法もありますので、そっちを使ってみるといいかも知れません。
因みに、ドコモはHTML下ではcss自体に対応していないので一切反映しません。auは割と色々対応してます。voda(もうsoftbankか)は謎です。3G携帯は対応らしいですが･･？

▽タグのきほん: 基本的なことですが、とりあえずタグは全部半角で。
半角英数字！半角スペース！閉じ忘れたらイヤン！です。
<font color="#ff0000">こんな風に書きましょう</font>
タグは主に、<要素>～</要素>で囲みます。
要素ってのは、fontとかaとかdivとかのことです。<a>という要素で始まったら</a>、<div>という要素で始まったら必ず</div>で閉じます。
※imgやhrやbrなど、単体で使うものには閉じタグはありません。
上のタグは、<文字の色を="赤">にするって意味ですが、こういうcolor="○○"のように、要素（この場合はfont）に対して属性を指定するものを、属性名＝"属性値"と言うそうです。
また、１つの要素に対して属性をいくつか付けたい時は、半角スペースで区切って指定できます。
例：<font color="red" size="1">文字</font>
これらは大文字小文字(colorでもCOLORでも)、どっちでも有効ですが、最近は小文字での記述が推奨されてるとかなんとか･･。
あと、属性値には"○"(ダブルクォーテーション)を必ず付けます。 '○'(シングルクォーテーション)でもＯＫですが、""の方が無難なような気がします。←あやふや。
因みに、""の中に更にまた""は使えないので(多分)、''が有効になります(多分ね)。その逆も然り。
例：<div style="background-image:url('画像URL');">
↑みたいな。だたこの場合、("URL")は""なくても有効なので私は省いてますが･･。
ここでは載せてませんが、フォームタグとか使う時に知っておくといいかも知れません。

↑