HMTL LINK (A) ETİKETİ - (SAYFA DIŞI BAĞLANTILAR)

<a>

HTML'de herhangi bir yazıya yada nesneye bağlantı vermek için <a> etiketi kullanılır. Satır içi elemanlardandır. <a> etiketi içine aldığı yazı yada nesneyi link haline dönüştürür.

<a href="http://www.izmir.gov.tr" />  İZMİR VALİLİĞİ </a>

İZMİR VALİLİĞİ

Bağlantılar varsayılan olarak mavi renkte ve altı çizili olurlar. Renkleri, body etiketi içerisindeki link,vlink ,alink parametreleri yada CSS kullanılarak değiştirilebilirken, alt çizgileri sadece CSS ile kaldırılabilir.

<a> etiketi href ve target parametrelerini kullanır.

HREF

Linkin gideceği yer href parametresi ile belirlenir. Bu bir ineternet bağlantısı olabileceği gibi , bir dosya , bir resim yada bir html yada php sayfada olabilir.

Eğer bağlantı bir internet adresine yapılyorsa , adresin tamamı href parametresi içerisinde belirtilmelidir.

<a href="http://www.izmir.gov.tr" />

Eğer bağlantı ineternet adresine değilde dosyaya,resme, html ada uzantılı bir sayfaya yapılıyorsa, dosyanın adı ve uzantısı ile ayrıca varsa dosya yolu tam olarak href parametresinin içerisinde yazılmalıdır.

- Resme Bağlantı

<a href="resim/ege.png" />  Resmi görmek için tıklayın </a>
<a href="ege.webp" />  Resmi görmek için tıklayın </a>
<a href="ege.jpg" />  Resmi görmek için tıklayın </a>

Linkler tıklandığında, href ile belirtilen yoldaki resim sayfaya yükelnecektir.

- Dosyalara Bağlantı

<a href="resim/1.pdf" /> PDF Dosyasını Aç </a>       <!-- PDF dosyasına bağlantı -->
<a href="resim/1.docx" /> WORDDosyasını Aç </a>    <!-- WORD dosyasına bağlantı -->   
<a href="resim/1.xlsx" /> EXCELDosyasını Aç </a>      <!-- EXCEL dosyasına bağlantı -->

<!-- istenilen farklı türde dosyalara yukarıdaki gibi bağlantı verilebilir. -->

Linkler tıklandığında, pdf dosyaları tarayıcıda açılırken , diğer dosya türleri genelde doğrudan indirilecektir..

- HTML yada PHP Sayfaya Bağlantı

<a href="anasayfa.html" />    Anasayfa </a>
<a href="iletisim.html" /> İletişim  </a>
<a href="galeri.php">  Galeri </a>
<a href="galeri.php"> Hakkında </a>

Stelerin menüleri yapılırken yukarıdaki bağlantılar yapılır.

- Mail Adresine Bağlantı

Bir mail adresine link vererek , bağlantı tıklandığında , cihazda yükle mail programının açılmasını sağlayabiliriz. Bunun için href parametresinde mailto ifadesi kullanılır.

<a href=”mailto: etogm@meb.gov.tr”> E-posta göndermek için tıklayınız.</a>

TARGET

Bağlantılar tıklandığında açılacağı yer target parametresi ile belirlenir. Kullanılmadığında bağlantılar aynı sayfada açılır. Sayfanın herhangi bir frame içerisinde yada yeni sekmede açılabilmesi için mutlaka target parametresi kullanılır.

_blank

Bağlantıları yeni sekmede açmak için target parametresinne _blank değeri verilir. Böylece bağlantı tıklandığında mevcut sayfa yerinde dururken, bağlantı yeni sekmede açılır.

<a href="http://www.izmir.gov.tr"  target="_blank"/>  İZMİR VALİLİĞİ </a>

iframe (çerçeve) adı

HTML'de çerçeve değimiz sayfa içerisinde başka bir sayfa sayfa yada video gibi görseller (youtube videoları) açmaya yarayan ve iframe olarak adlandırdığımız yapılar bulunur. Eğer bağlantının sayfadaki herhangi bir iframe içerisinde açılmasını istiyorsak target paramtertesine bu iframe'in adını yazmamız gerekir.

<iframe name="pencere" width="100%"  height="150" /></iframe>

<a href="https://erkanunlu.com.tr/makale-hmtl-link-a-etiketi"  target="pencere"/> sayfayı yukarıdaki iframe içerisinde açmak için tıklayın... </a>

Burada pencere isimli bir iframe oluşturulmuş ve bağlantının target parametresine "pencere" yazılarak bağlantının bu bölümde açılması sağlanmış olur. aşağıda deneyebilirsniz...

sayfayı yukarıdaki iframe içerisinde açmak için tıklayın...

RESMi LİNK YAPMAK

Link etiketi ile yazıları yada nesneleride linklere dönüştürebiliyoruz demiştik. Mantık çok basit. Yukarıda a etiketleri arasına bir yzı yazdık ve o yazılar bağlantıya dönüştü. Eğer yazı yerine herhangi bir nesne, resim, tablo, div vs yazarsak bu kez o nesneler bağlantıya dönüşecektir.

 <a href="http://izmir.gov.tr"  target="_blank"/> 
  <img src="resim/asansor.webp"  />
</a>

Burada a etiketleri arasında bir img etiketi yazdık . Dolayısıyla bu img etiketinin göstereceği resim http://izmir.gov.tr adresine giden bir bağlantıya dönüşmüş olur...