読者です 読者をやめる 読者になる 読者になる

未経験からWebエンジニアを目指す!!

日々学ぶ新しいことや発見をメモしていくブログです。

HTML: リンク Link

a要素に対して、href属性を使うことで、Webページ内にリンクを作成することができる。

下記では、URLの「未経験からWebエンジニアを目指す!!」のテキスト文字をハイパーリンクにしている。

<a href="http://www.web0ninja.info">未経験からWebエンジニアを目指す!!</a>

●ブラウザでの見え方

f:id:web0ninja:20160712234245p:plain





同じWebページ内で、それぞれの段落やチャプターに飛ばしたい場合、
見出しにid属性をつけることで、リンクさせることができる。

<h1>個人で使用するLinuxディストリビューション</h1>

 <a href=#redhat>Red Hat系</a><br>
 <a href=#debian>Debian系</a><br>

 <h2 id="redhat">Red Hat系</h2>
   <p>CentOSという商用のRed Hat Enterprise LinuxのクローンOSがあり、<br>
      検証などでよく使用される。</p>

 <h2 id="debian">Debian系</h2>
    <p>UbuntuやLinux Mintがデスクトップ用途として、<br>
       特に海外で人気があるようである。</p>

●ブラウザでの見え方
f:id:web0ninja:20160712235740p:plain



Icons made by Iconnice from www.flaticon.com is licensed by CC 3.0 BY