Html Dersleri – 2 (Link verme – Resim Ekleme)
Kategori: Html-Css 12.682 kez okunmuş. Yorum Yok 23 Ekim 2012

Merhabalar..

 

Bu yazımızda link verme ve resim eklemeyi göreceğiz..

 

Resim Ekleme:

 

Html’de resim ekleme önceki derste hatırladığımız gibi <img> etiketi ile gerçekleşiyor. Link (Köprü) ise <a> etiketi ile gerçekleşiyor.

Mantık şöyle işliyor:

<img src=”http://adres” alt=”Açıklama” height=”42″ width=”42″>

img: image = resim

src: source = kaynak/adres

alt: açıklama

height: düşey boyut

width: yatay boyut

Not: <img> kodu açıldıktan sonra </img> ile kapanmaz! Kodun kapatılabilmesi için açık/kapalı durum arasına birşey yazılması gerekir. <b></b> dediğimiz an <b> tagının arasına bir şey yazarız. <img> de bu durum söz konusu değildir.

Örnek 1:

<html>
<head>
<title>Html de Resim</title>
</head>
<body>
<img src="logo.png" alt="Merhaba" height="330" width="330" />
</body>
</html>

Link (Köprü) Verme:

 

<a href=”http://www.mylmz.in” target=”_blank”>Mylmz.in</a>

Mantık :

a : köprü kodu

href : hyper-reference = url adres

target: hedef yöntemi = Nasıl link? (“_blank” : yeni sayfada, “_self” sayfayı link’in bulunduğu frame’de, “_parent” link’in frame’nin bulunduğu frameset’te, “_top” ise sayfayı en tepede tüm frame’lerin bulunduğu frameset’te açar.)

 

Örnek:

<html>
<head>
<title>Html de Köprü</title> <!-- Bu bir açıklama satırıdır -->
</head>
<body>
<a href="http://www.mylmz.in">mylmz.in</a> <!-- Link verdik, tıkladığımızda bu sayfadan köprü sayfasına direk gider-->
<br> <!-- Alt satıra geçtik -->
<a href="http://www.google.com" target="_blank">Google Amca</a> <!-- Link verdik, tıkladığımızda yeni bir pencerede google açar -->
</body>
</html>
Yorum Yaz

Sosyal Medya
Popüler Yazılar
15 Yorum  48.041 kez okunmuş.
15 Yorum  33.156 kez okunmuş.
1 Yorum  25.203 kez okunmuş.
0 Yorum  14.057 kez okunmuş.
0 Yorum  13.315 kez okunmuş.
0 Yorum  12.682 kez okunmuş.
Arşivler