|
2006/01/17(火)
漂着ゴムだ！ぶりざっぷ。
|
|
|
茶碗洗いをしたら、洗い終わったお皿やコップから、湯気が出ていた。これはもう、カオスだね。19:49
もくじ
・タグを使ってみる………リンクを張る
<HTML>
<HEAD>
<TITLE>
タイトル
</TITLE>
</HEAD>
<BODY>
内容
</BODY>
</HTML>
このタグは、ちゃんと書けましたか？全部半角アルファベットです。
1月14日の思想に書いて置けばよかったね、半角で入力するのが原則だよって。
さらに、半角アルファベットで、それを名前をつけて保存。
拡張子は、.htmlです。
昨日は、
test.html
という名前をつけて保存しました。
こんな感じで復習。
後は本格的に、タグを使ってみます。
まず必須ともいえるタグ。
<a href="http://〜〜〜.html">
リンクを張るタグです。
たとえば、ほーりっくの場合だと、コンテンツのところに、
■はじめに
というのがあります。
「はじめに」のページのURLは、
http://holic.nobody.jp/holichajimeni.html
です。
薙は、「はじめに」のページを書いたあと、
holichajimeni.html
という名前をつけて保存しました。
URLの、「holichajimeni.html」以前に書いてある
「http://holic.nobody.jp」は、忍者TOOLSからHPスペースをレンタルした時に貰ったURLです。
http://holic.nobody.jpの中の、holichajimeni.htmlなので、URLは
http://holic.nobody.jp/holichajimeni.html
となります。
えー、前置きが長くなりましたが。
ようするに、
「はじめに。のページを作ったけど、”■はじめに”をクリックするとそのページに移動できるようにしたい」
そんな時には、こう書きます。
<a href="http://holic.nobody.jp/holichajimeni.html">
■はじめに
</a>
</a>で閉じないと、<a href="http://〜〜>以後の文字や絵など全て、どこをクリックしても
「はじめに」のページに飛ぶようになってしまいます。
また、URLを挟んでいる、「”」も忘れやすいので注意しましょう。
試しに、やってみましょう。
まず、このタグを使うには、リンク先のページがないといけないので、適当に、「テスト2」のページを作りましょう。
<HTML>
<HEAD>
<TITLE>
テスト2
</TITLE>
</HEAD>
<BODY>
成功！
</BODY>
</HTML>
とでもメモ帳に入れて、
test2.html
と名前をつけて保存。
次に、先日書いた「test.html」を開いてください。
メモ帳→ファイル→開く→test.html
で開くと、前に書いたページを編集できます。
以前のままなら、<body>タグの中には、
テスト
とのみ、書かれていると思います。
今回は、bodyタグの中に、こう入力。
テスト<BR>
<BR>
<a href="test2.html">
テスト2へ<BR>
</a>
です。
これで、上書き保存します。
あとは、先日やったように、保存先にある
test
と書かれたアイコンをダブルクリック。
うまくいっていれば、先日は
テスト
とだけ書かれていたページに、今度は
テスト
テスト2へ
と書かれていると思います。
改行である<BR>を2個入れたので、「テスト」と「テスト2へ」の間は一行空いています。
また、「テスト2へ」はリンクが貼られているので、青い文字になっているはずです。
その「テスト2へ」をクリックして、test2.html、つまり、「成功！」と書かれたページに移動できれば成功です。
リンクのタグはおそらく絶対必須ともいえるタグなのでぜひ使えるようにしておきましょう。
レス
なし
ネタも無い。
これは何ヶ月か前にホワイトボードに描いたギタドラの月光蝶のクリップの少女。
|
 |
|
|
前の月
