HTML Dersleri (3) : Web nesneleri ve resimler
img (Resim)
Gif, jpeg veya png resmi görüntülemek için kullanılır.
src argümanı ile resmin adresi belirtilir. border argümanı ile köprü etiketleri içerisinde kalan resimlerde, belirtilen piksel boyutunda, geçerli köprü renginde çerçeve oluşturur. alt argümanı ile resim yüklenirken kapladığı alanın arkasında burada belirttiğiniz metin görüntülenir. Resim yüklenirken resim hakkında bilgi verir. Resim yüklendikten sonra yazı resmin arkasınsda kalır, yani görünmez. Web standartlarına göre img etiketi için alt argümanı zorunludur. İçi boş olsa bile kullanın.
Örneğin;
<img src="http://www.google.com.tr/intl/en_com/images/logo_plain.png"
alt="Google Logosu" border="0" />
Çıktı :
hr (Horizontal Rule : Çizgi)
Sayfa boyunca yatay bir çizgi belirler. Geçerli olarak 2 değerine sahip, size parametresi ile yüksekliğini belirleyebilirsiniz.
embed
Ortam yüklemek ya da bilgi görüntülemek için eklenti nesnesi kullanır. src özelliği kullanarak nesne ekleyebilirsiniz. Mesela quicktime filmi eklemek, flash animasyonu eklemek için bu öğeyi kullanırız.
Örnek ;
<embed src="baslangic.wav" hidden="true" autostart="true" volume="50" loop="false" />
Sayfa açıldığında otomatik olarak baslangic.wav dosyasını 1 kerelik 50% ses düzeyinde çalar.
veya
<embed src="intro.mov" width="500" height="300" autoplay="true"
controller="false" type="video/quicktime"
pluginspage="http://www.apple.com/quicktime/" />
intro.mov adlı quicktime filmini kontroller olmadan 500x300 boyutunda otomarik olarak oynatır. Eğer quicktime yoksa yeni pencerede belirtilen eklenti sayfasını açar.
İlgili Yazılar
- 4 min readBir sitenin kod düzeni nasıl olmalı?
- 2 min readGrunt nedir? Bir web geliştiricisinin neden görev çalıştırıcısına ihtiyacı var?
- 2 min readPHP ile Basit HTTP Authentication
- 6 min readLESS ile Hiyerarşik ve Fonksiyonel CSS Yazmak
- 2 min readMAMP ile MacOSX'de PHP tabanlı web geliştirme ortamı hazırlamak
- 3 min readSitenizi Twitter Cards ile tweet arkadaşı yapın
Paylaş