3.■リンク(別の場所に移動)を使う

次は、リンク(別の場所に移動)を使いたいときの記述法を説明します。
<a></a> というタグを使います。
<html>
<head></head>
<title>ここにページのタイトルを入れます</title>
<body>
ここに内容を記述していきます。<br>
二行目を記述していきます。<br>
<a href="2.htm">別の場所に移動します</a>
</body>
</html>
表示結果

<a href="移動するファイル名"></a>
で、かこまれた文字や画像をクリックすると移動します。

覚え方→(aっという間に次のページに移る!)


ステップアップ! ページ内移動

以下のコードを記述すると、
同じページ内で移動することができます。
1ページ内に膨大な量の文章を記述する場合に便利です。
<a name="top">ここがTOP</a>




<a href="#top">TOPに戻る</a>
戻る位置に名前をつけて、
リンクを置く場所には、その名前に「#」を付けます。
<a name="top"></a>
のように、タグで囲まれた内容が空の場合
ブラウザによっては、うまく動作しない場合があるので、
必ず何らかの文字を間に挟むようにします。
目次にもどる

このページの一番上に戻ります

| TOP | ホームページ作成 | レンタルサーバー比較 | みんなでわきあいあい | ブログ |
| ワイン&ライフ | わきあいあいしょっぷ | アイドルカレンダー | 携帯サイト | モバイルSHOP |
| 3DCG | VRML | 音楽講座 | 銭湯派 | トレーニング | リンク | HPお見積もり | お問い合わせ |

F r e e T o o l s
TeraPad
高機能なメモ帳で、フリーソフトです。タグを色分け表示が可能なので編集しやすく、 様々な文字コードで保存も可能なので、CGI,PHP作成にも向きます。
FFFTP
FTPソフトとしては、あまりにも有名です。操作性に優れ、いくつものサイトをまとめて管理できます。
StyleNote
HTMLとスタイルシートの同時進行編集が可能! これならCSSを外部ファイル化しても混乱しません。

T i p s
大文字小文字
タグは大文字、データは小文字と使い分けるとコードが読みやすくなります。
しかし、その分入力の手間が増えます。
私は全て小文字で書いてます。(XHTML等に備える)
ファイル名にしても、拡張子にしても、webの世界では小文字しか認識されない場合が 多いです。文章以外は、常に英数小文字で入力するのが無難です。
例)
Japanだ.JPG→×
→FTPで認識されない。リンク作成時に混乱する。
japan.jpg→○

空白(スペース)
日本語入力と半角英数字の直接入力とでは、みかけが同じでも意味が全く違います。 <タグ>の中には半角スペースしか使えませんので注意して下さい。
例)
<br >→機能する
<br >→機能しない
わきあいあいネット
洋書 家電 キッチン DVD CD クラシック ソフトウェア ゲーム おもちゃ スポーツ ヘルス 時計 ベビー アパレル
copyright © 2004-2008 w-i-i.net All Rights Reserved.