Etiket arşivi: Web Tasarım Dersleri Html Resim Boyutlandırma ve Alt Bilgi

Web Tasarım Dersleri Html Resim Boyutlandırma ve Alt Bilgi

Web Tasarım Dersleri Html Resim Boyutlandırma ve Alt Bilgi

 

Merhaba değerli arkadaşlar bu dersimizde resim eklemeye devam ediyoruz. Bu dersimizde yapacaklarımız ise resim boyutlarını ayarlama ve alt parametresi (Alternatif text) kullanımını göreceğiz arkadaşlar öncelikle bir önceki dersimizi hatırlayalım resim eklemeyi tam olarak anlayabilmek için aşağıdaki linkten faydalanarak göz atabiliriz.

Width ve Height

Width parametresi arkadaşlar resmin sayfa içindeki genişliği ayarlamaya yararki sadece resimlerde değil tabloların boyutlandırmasındada width parametresini kullanacağız.

Height Parametresi ise width parametresi aksine yükseklik ayarını boyutunu belirlememizi sağlar

Resim Boyutlandırma Uygulaması

Tüm arkadaşlar olarak aynı işlemi görebilmek için aynı resmi kullanalım arkadaşlar aşağıdaki resmi farklı kaydet diyerek bilgisayarınızın masaüstüne aktif.jpg olarak kaydedin arkadaşlar ve aşağıdaki kodları boş bir not defteri açarak başlıyoruz yazmaya ve yazınca farklı kaydet diyerek dosya adı aktifklavye.html olarak masaüstüne kaydedin yani resimin olduğu yere kaydedin.

 

 

<html>
<head>
<title>Web Tasarım Dersleri Html resim Ekleme Ders8</title>
</head>

<body>
<img src=”gul.jpg” width=”300″ height=”250″ />
</body>
</html>

Yukardaki işlemi özetliyim arkadaşlar img src=”gul.jpg” resim ekleme kodu ile gul.jpg isminde bir resim eklemek istediği belirttim width=”300 diyerek genişlik 300 olsun height=”250″ yükseklik 250 olsun dedim ve hata yapmadığınız sürece aşağıdaki görüntüyü elde edersiniz.