【HTML】リンクの張り方

HTMLでリンクを記述するには、以下の様に記述します。

<a href="リンク先のURL">アンカーテキスト</a>

例えば、「Example Domain」へのリンクを作成したい場合は、以下のように記述します。

<a href="https://example.com/">Example Domain</a>

リンク(aタグ)のマークダウン

リンクをマークダウンで記述するには、URLを大なり記号と小なり記号で囲めばOKです。

<https://example.com>

この様に記述すると、リンク先とアンカーテキストにURLが入ったHTMLに変換されます。

<p><a href="https://example.com">https://example.com</a></p>

マークダウンでアンカーテキストを指定する

アンカーテキストを自由に指定したい場合は、まずアンカーテキストにしたいテキストを角括弧([])で囲みます。そして、その後ろに丸括弧で囲んだURLを記述すればOKです。

[Example](https://example.com)

これをHTMLに変換すると、以下の様に角括弧の中のテキストがリンクのアンカーテキストに、丸括弧の中のURLがリンク先のURLになります。

<p><a href="https://example.com">Example</a></p>

リンクにタイトル属性を入力する

リンクにタイトル属性(title、要素の補足的な情報)を入力したい場合は、「アンカーテキストを指定する」と同じ形式でリンクを作り、URLの後ろ(丸括弧の中)にダブルクォーテーション(”)でテキストを囲います。

[Example](https://example.com "This is Example")

HTMLに変換すると、ダブルクォーテーションで囲ったテキストがタイトル属性になります。

<p><a href="https://example.com" title="This is Example">Example</a></p>

まとめ

余談ですが、リンクタグ(a要素)の「a」はAnchorの意味で、「href」はHypertext Refernceの意味です。

参考