html sayfalarımızda resim kullanabiliriz.
resimlerimizi sayfalarımızda gösterebilmek için:
<img>
etiketini kullanırız.
<img etiketinin bir takım parametreleri vardır şimdi o parametrelere göz atalım.
src:
resmin yolunu (url adresini belirtir
alt:
resim ile ilgili açıklama yazmamıza olanak sağlar.
width:
resmin genişliğini ayarlamamızı sağlar.
height:
resmin yüksekliğini ayarlamamızı sağlar.
şimdi bu parametreleride kullanarak sayfaya nasıl resim ekleriz bunu görelim.
örnek:
<html>
<head>
<title> sayfaya resim ekleme </title>
<meta http-equiv=”content-type” content=”text/html;charset=iso-8859-9″>
</head>
<body>
<img src=”ornekresim.jpg” alt=”örnek resim” width=”60″ height=”110″>
</body>
</html>
Yukarıdaki bahsettiğim tüm parametreleri burada kullanmış oldum. sizlerde resimlerinizin yolunu belirterek sayfalarınıza resimlerinizi ekleyebilirsiniz.
Bir bağlantıya (linke) resim ekleyebiliriz şimdide bunu nasıl yapacağımaza bakalım.
Bağlantıya resim eklemek için ise <img etiketinin yanısıra <a etiketinide kullanırız.
örnek yaparak daha iyi anlatabilirim sanırım.
örnek:
<html>
<head>
<title> linke resim ekleme </title>
<meta http-equiv=”content-type” content=”text/html;charset=iso-8859-9″>
</head>
<body>
<br>
<a href=”siteadresiniz.com”> <img src=”ornekresim.jpg” alt=”örnek resim” width=”60″ height=”110″> </a>
</body>
</html>
Sayfayı kayıt ettiğinizde bağlantı adresinize resmin eklendiğini sizlerde farkedeceksiniz.
html ile sayfaya resim ekleme işlemi oldukça kolaydır. yinede sorularınız var ise yorum olarak bana ulaştırabilirsiniz.
iyi bloglamalar herkese.
Bir önceki yazımız olan html tablolar başlıklı makalemizde html gelişmiş tablo etiketleri, html table etiketi ve html tablo yapımı hakkında bilgiler verilmektedir.