Links

Kategori: HTML , 26 Ekim 2019 , JanFranco


Linkler web sayfalarında surf yapmamızı, gezinmemizi kolaylaştırır. Bir siteden başka bir siteye, bir sitenin içinden sitenin içindeki başka bir sayfaya, aynı sayfa içindeki bir kısımdan başka bir kısma linkler tanımlayabiliriz. Ayrıca yeni sekme açan linkler veya tıklandığında mail programı açan linkler de tanımlayabiliriz.

Link tanımlamak için a etiketini ve href attribute'ını kullanırız:


<a href="http://www.imdb.com">IMDB</a>
a etiketi burada bir link olduğunu belirtir. href attribute'ı linkin yönlendirdiği sayfayı belirtir. Etiketler arasına yazılan yazı ise kullanıcının gördüğü kısımdır. Bir örnek yapalım:


<p>Movie Reviews:
	<ul>
		<li><a href="http://www.empireonline.com">
		Empire</a></li>
		<li><a href="http://www.metacritic.com">
		Metacritic</a></li>
		<li><a href="http://www.rottentomatoes.com">
		Rotten Tomatoes</a></li>
		<li><a href="http://www.variety.com">
		Variety</a></li>
	</ul>
</p>
html-links

Bir web sitesinden başka bir web sitesine yönlendiren bir link tanımlıyorsak, href attribute kısmına tam url yazmamız gerekir. http://www.google.com gibi. Ancak aynı web sitesi içindeki başka bir sayfaya yönlendirme yapacaksak tam adres yazmamıza gerek yoktur:


<p>
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="about-us.html">About</a></li>
		<li><a href="movies.html">Movies</a></li>
		<li><a href="contact.html">Contact</a></li>
	</ul>
</p>
EMail linkleri aşağıdaki şekilde tanımlayabiliriz:


<a href="mailto:janfranco@example.org">Email JanFranco</a>
Bir linkin yeni sekmede açılmasını istiyorsak target attribute'ını kullanabiliriz. target="_blank" şeklinde bir kullanım yaptığımızda, kullanıcı linke tıkladığında, yeni sayfa yeni sekmede açılır:


<a href="http://www.imdb.com" target="_blank">Internet Movie Database</a>
Son olarak aynı sayfa içerisindeki bir kısma yönlendirme yapmak istiyorsak, yönlendirmek istediğimiz kısma bir id vermeliyiz:


<h1 id="top">Film-Making Terms</h1>
<a href="#arc_shot">Arc Shot</a><br />
<a href="#interlude">Interlude</a><br />
<a href="#prologue">Prologue</a><br /><br />
<h2 id="arc_shot">Arc Shot</h2>
<p>A shot in which the subject is photographed by an
encircling or moving camera</p>
<h2 id="interlude">Interlude</h2>
<p>A brief, intervening film scene or sequence, not
specifically tied to the plot, that appears
within a film</p>
<h2 id="prologue">Prologue</h2>
<p>A speech, preface, introduction, or brief scene
preceding the the main action or plot of a film;
contrast to epilogue</p>
<p><a href="#top">Top</a></p>
Bu şekilde yönlendirmek istediğimiz kısımlara id verip a etiketi içerisindeki href attribute'ına o id'yi # sembolü ile birlikte verebiliriz.


Sonraki Yazı: Images in HTML
Yorumlar

Henüz bir yorum bulunmuyor.
Yorum bırakın