HTML

リンクを張ってみよう

aタグを使って外部サイトへリンクを貼る方法について見ていきます。

  • a
  • 外部サイトへのリンク
  • target属性
  • ファイル作成

a

・まず外部サイトへのリンクをwebページに貼り付けていく方法についてみていきます。例えば自身のブログをhp制作のサイトに貼り付けたい場合やECサイトへの誘導など様々な用途で使うことができます。

外部サイトへのリンク

・どうするかというと<a>タグでクリックする文字を囲ってあげます。またhref属性でリンク先のアドレスを書くことによってクリックしたらそこに飛ばすことができます。

target属性

・またtarget属性をつけることによって別のタグで表示することができます。

・具体的には<p><a href="https://teatree-blog.com" target="_blank">Blogはコチラ</a></p>というようにきていくとBlogはコチラというリンクをクリックすると別のタグでブログのトップページを開いてくれるようになります。

ファイル作成

・別のサイトではなくファイルを作ってそちらにリンクを貼る方法についてみていきます。

・ファイルの作り方ですがまずはエクスプローラーから新規のファイルを作っていきます。ファイル名は何でもいいですが最後の拡張子は.htmlにしておきましょう。

・また、ファイルをまとめて一覧で管理するような場合はまずは大枠のファイルを作ってその中に.htmlのファイルを書いていきましょうこの時一難最初のファイルは最初のページと言う意味でindex.htmlにしましょう

 

ー広告ー

 

 






-HTML