あっぷっぷ携帯ホームページ講座TOP - あっぷっぷ
STEP2

◆画像からリンクを貼る
◆文字のスクロールと点滅
◆水平棒をつける
◆箇条書きにする
◆背景に色をつける
◆ページ全体の文字色やリンク色を指定する


◆画像からリンクを貼る
<a>エータグと<img>イメージタグを使います。

<a href="http://www.apupu.net/pc/hp/"><img src="img.gif></a>
画像からリンクを貼るタグ表記になります。[img.gif]という画像をクリックすればこのサイトのトップページにもどる書き方です。


◆文字のスクロールと点滅
文字の装飾でよりいっそう派手なサイトを作ることができます。

・スクロール文字
<marquee>マーキータグを使います。
<marquee>動きます</maquee> 動きます
右から現れて左に消えていきます。

逆に右から左に動かすにはdirectionを使って変更できます。
<marquee direction=right＞右に動きます</marquee>右に動きます

<marquee loop="5"＞〜</marquee>
とloopで回数をしていできます。最大16回まで

<marquee behavior=alternate loop="6">交互にスクロール</marquee>
とすれば文字が左右に6回往復するスクロールになります。
behavior=alternate　は行き来するということです。
交互にスクロール

<marquee behavior=slide>〜</marquee>
で左端で止まります。消えていきません。
behavior=slide　は消えずに端でとまるということです。

<font color=#ff0000><marquee bgcolor="red">赤背景色の黄色文字</marquee></font>
赤背景色の黄色文字
bgcolor=red　で背景色を指定、文字色を指定したい場合は<font color=色>〜</font>でかこってください。（vodafoneは対応機種少なし。）

・文字を点滅させる

<blink>ブリンクタグを使います。
<blink>光ってます</blink>
光ってます

文字を点滅させるにはパソコンでは表示できませんが、携帯ブラウザ上では点滅します。


◆水平棒をつける
<hr>エイチアールタグを使います。
<hr>
区切りをはっきりしたい場合に使ってください。

<hr  size=6>
size="太さ指定"
数値を指定すればピクセル単位で太さを変更できます。

<hr  width=90%　align="center">
↑幅の90%になってるでしょ。さらに中央揃えにしております。
width="長さ"
align="center"  or  "right" or "left"
横幅指定欄に%で画面に対する比率で長さを変更できます。
数値を指定すればピクセル単位で長さを変更できます。

<hr  color=orange>
color="色コード"
水平線の色を指定できます。
デフォルトでは水平線は影があるので影をつけない場合noshadeを追加すればＯＫ！！


◆箇条書きにする

・単純な箇条書き
<li></li>エルアイタグを使います。
<ul>
<li>1行目
<li>2行目
<li>3行目
</ul>

  • 1行目
  • 2行目
  • 3行目
・が文頭に付くで箇条書きになります。
<ul>〜</ul>を<dir>〜</dir>でも同じです。
・連番をつける箇条書き
<ol>オーエルタグを使います。
<ol>
<li>1行目
<li>2行目
<li>3行目
</ol>

既述の<li>を<ol></ol>ではさむことによって

1.1行目
2.2行目
3.3行目

のように自動的に上から連番が振られる箇条書きができます。

・定義リストで内容表示
<dl>ディーエルタグ、<dt>ディーティータグ、<dd>ディーディータグを使います。
<dl>
<dt>野菜
<dd>きゅうり
<dd>なす
<dd>とまと
<dd>大根
<dd>人参
<dt>果物
<dd>みかん
<dd>りんご
<dd>バナナ
</dl>
野菜
きゅうり
なす
とまと
大根
人参
果物
みかん
りんご
バナナ
<dl>〜</dl>は範囲が定義リストであることを示します。
<dt>は定義リストの定義用語を示します。
<dd>はdt要素で示された用語に対する説明文を示すタグです。

◆背景に色をつける
<body>タグにbgcolorを使います。

<body bgcolor="yellow">

　

　

<body>ボディタグはSTEP1のHTMLの項目で説明しましたが、そのタグに追加する形で明記します。
色はTOPページの色見本で参照してください


◆ページ全体の文字色やリンク色を指定する
<body bgcolor＝"色指定" text="色指定" link="色指定" alink="色指定" vlink="色指定">

bgcolor＝"色指定"・・・背景の色指定。
text="色指定"・・・単なる文字（リンクされていない）色指定
link="色指定"・・・リンクしている文字の色指定
alink="色指定"・・・上下キーをリンクに合わせた時に変わる色指定
vlink="色指定・・・過去に訪れたことのあるリンクの場合その色で表されます。

色は指定は色見本で参照してください

iモードは504シリーズより使えるようになりました。503以前の場合無視されますので書いておいても問題ないと思われます。
vodafone対応、ez-webは不明です。
あっぷっぷ携帯ホームページ講座TOP - あっぷっぷ
Copyright (C) あっぷっぷ All Rights Reserved