2018年08月7日(火)

【HTMLでリンクを作る】アンカータグ(aタグ)の使い方を解説！CSSでのデザイン変更も

• 0
• 18
• 1
• 14

　リンクは、サイトのいろいろなところで使われています。日本で最も有名な「Yahoo Japan」のサイトは、リンクだらけです。それ以外にもバナー広告など挙げればキリがないですね。

これを作るのが「アンカータグ(aタグ)」の役割です。このタグは使用頻度も高く、SEO対策上重要な意味があるので、HTMLを勉強し始めた人は是非使い方をマスターしましょう。

作り方は簡単ですが、使い方は幅広いので、なんとなくしかわからないという人もいませんか？でも安心してください。全ての記事を読めば、今後もアンカータグで使う知識はほとんどわかるようになっています。

アンカータグ（aタグ）の基本

aタグの基本構文

　アンカータグは、emmet機能がついたエディタを使っていれば、エディタに「a」と打ち、 次に「control + e」と打つとタグが簡単に表示されます。開始タグと終了タグが用意されており、タグ内がリンクとして認識されます。

　アンカータグ内に書かれた文字や画像がリンクとして認識されるようになります。
そして、タグ内には「href属性(「複数の文書を相互に結びつける」という意味の「Hyper Text Reference」の略)」があり、「h...