Html5 'te bir çok etiket vardır ama bir yazı üzerine tıkladığında sadece html kullanılarak link verme işlemi sadece bir etiket ile yapılır. O etiket a etiketidir. Tabii link verme işlemi sadece a etiketi ile yapılmaz, JavaScript ile link verebilirsiniz , button'a link verebilirsiniz ama biz bugün a etiketini öğreneceğiz.
Öncelikle a etiketine nasıl link verdiğimizi ve nasıl kullanıldığına bakalım.
A etiketinin yazımı şu şekildedir:
<a>Bana tıkla!</a>
Link verme işlemi href attribuite'u ile olur.
href'in içine linkimizi giriyoruz ve tıklanınca o linke gidiyor.
Örneğin:
<a href="kodlamaklazim.com">En yeni makaleler için tıkla!</a>
a etiketi inline bir etikettir, peki bu ne mi demek? Bunu bir örnekle göstereyim.
<a href="instagram.com/kodlamaklazim.com">Instagram</a>
<a href="kodlamaklazim.com">En yeni makaleler!</a>
Bu elementler sayfa da yan yana dururlar. Alt alta değil, aynı şekilde block level bir element yani bir satırı kaplayan bir elementin altında veya üstünde değil de yanında dururlar.
Hadi bunu bir örnekle pekiştirelim!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Html5 a etiketi</title>
</head>
<body>
<a href="instagram.com/kodlamaklazim.com">Instagram</a>
<h1>Ben ikisinin arasında duran bir başlığım!</h1>
<a href="kodlamaklazim.com">En yeni makaleler!</a>
</body>
</html>
Genç,dinamik, enerjik. Bu 3 kelime beni anlatıyor !
