ページを組み立てる

INPUT · スライド

リンクでつなごう

01 / 05

ページとページをつなぐ

Webのいちばんの特徴は、押すと別のページへ移れること。この仕組みがリンクだよ。

リンクを作るタグは <a>。anchor(いかり、つなぎ目)の a だよ。

02 / 05

行き先は「属性」で書く

<a> ではさんだ文字が押せるようになる。でも行き先は文字だけでは決まらない。

そこで開始タグの中に href="行き先" と書き足す。このようにタグに書き足す情報を属性と呼ぶよ。

<a href="menu.html">メニューを見る</a>

03 / 05

属性の書き方

属性は開始タグの中だけに書く。終了タグには書かないよ。

  • タグ名のあとに半角スペース
  • href … 属性の名前
  • = のあとに " ではさんで値

" を閉じ忘れるとリンクにならないので気をつけて。

<a href="about.html">お店について</a>

04 / 05

同じ場所のファイルはファイル名だけ

同じ場所に置いたページへ飛ぶなら、href にはファイル名だけ書けばいい。

よそのサイトへ飛ぶときは https:// から始まる住所をまるごと書くよ。

<a href="access.html">道あんない</a><a href="https://example.com">よその サイト</a>

05 / 05

押す文字は行き先が分かる言葉に

リンクの文字は「こちら」ではなく、押したら何が見られるかが分かる言葉にする。

目で読む人にも、読み上げソフトを使う人にも親切だよ。

<p>くわしくは<a href="menu.html">メニュー</a>を見てね</p>