リンク

リンクは a タグ

Web を Web にしているのがリンクです。リンクは a タグで作ります。a は anchor、いかりの意味です。どこへ行くかは href という属性で書きます。

タグではさんだ文字が、クリックできる青い文字になります。ここに「こちら」とだけ書くのは避けましょう。リンクの文字を読めば行き先が分かるようにしておくと、読み上げソフトを使う人にも親切です。

別のタブで開く

外部サイトへのリンクは、いま見ているページを閉じずに開いてほしいことがあります。そのときは target に _blank を指定します。自分のサイト内へのリンクには付けません。

メールへのリンク

href に mailto: から始まるアドレスを書くと、クリックでメール作成画面が開きます。連絡先を載せるときによく使う書き方です。

リンクの欄を作ろう

経歴の下にリンクという h2 を足し、その下の ul の中に 2 つのリンクを li で並べます。1 つは別タブで開く外部サイト、もう 1 つはメールのリンクです。

1. 経歴の下に h2 で「リンク」の見出しを追加する
2. その下に ul を置き、li の中に外部サイトへの a を書く
3. 外部リンクに target で _blank を指定する
4. もう 1 つの li に mailto から始まるメールのリンクを書く