01 / 05
ページを組み立てる
INPUT · スライド
リンクでつなごう
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>