testの最近のブログ記事

リンクとは2つ以上の情報を関連づけることで、具体的にはウェブページ上のある部分をクリックすると別にページがひらく仕組みになっているものです。
このある部分はテキストでも画像でもかまいません。
また、リンク先は、他のウェブページでも、同一ページ内でも、写真などの画像でもかまいません。

次のソースをコピーしてlink.htmlのように適当な名前を付けて保存してブラウザで見てください。
見た目には「yaho!のページ」と表示されるだけですが、そこをクリックするとyahooのトップページが開くはずです。
このソースはテストなのでhead内の記述は省略しています。
--------------------------------------------------------------------------------------------------------------------
リンクテスト <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
    <title>リンクテスト</title>
</head>
<body>
    <a href="http://yahoo.co.jp">yahooのページ</a>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------

つまりリンクした箇所をa要素で囲んで、href属性でリンク先のURLを設定するだけです。
この例では外部のページなので「http://yahoo.co.jp」のように書きましたが、自分自身のページで同じ場所にあるページなら、
<a href="./index.html">topページ</a>
のようにファイル名をしてするだけでかまいません。



KUMAOの押入TOPへ

カウンタ

最近のブログ記事

アーカイブ

ウェブページ

ブログランキング・にほんブログ村へ

このアーカイブについて

このページには、過去に書かれたブログ記事のうちtestカテゴリに属しているものが含まれています。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

books