Html'de Bir Görüntünün Boyutu Nasıl Artırılır

İçindekiler:

Html'de Bir Görüntünün Boyutu Nasıl Artırılır
Html'de Bir Görüntünün Boyutu Nasıl Artırılır

Video: Html'de Bir Görüntünün Boyutu Nasıl Artırılır

Video: Html'de Bir Görüntünün Boyutu Nasıl Artırılır
Video: Resim Boyutu Nasıl Küçültülür? 2024, Nisan
Anonim

Etiket için uygun öznitelikleri belirterek sayfada görüntülenen resmin boyutunu değiştirebilirsiniz.

HTML sayfasındaki grafikleri göstermekten sorumludur. Genişlik ve yükseklik öznitelikleri aracılığıyla artırma veya azaltma yapılır.

Html'de bir görüntünün boyutu nasıl artırılır
Html'de bir görüntünün boyutu nasıl artırılır

Resim ekle

Düzenlemeden önce, etiketleri belirterek sayfaya bir resim ekleyin

… Bir HTML belgesini düzenlemek için sayfayı herhangi bir metin düzenleyicide açmanız gerekir. Dosyaya sağ tıklayın ve "Birlikte Aç" özniteliğini - "Not Defteri"ni seçin. Kodu değiştirmek için kullanmanız için daha uygun olan başka bir düzenleyici de belirtebilirsiniz.

Belge bölümüne gidin ve etiketi bulun

… Resim henüz sayfaya eklenmemişse aşağıdaki kodu girin:

Görüntü dosyasının yolu göreli veya mutlak olabilir. Alt = "Görüntü" özelliği, resmin adından ve fare imleci resmin üzerine geldiğinde görüntülenecek olan bir resim yazısı eklemekten sorumludur.

Boyut değişikliği

Resmi büyütmek için, resim etiketine nitelikler ekleyerek uygun genişlik ve yükseklik parametrelerini ayarlayın:

Genişlik parametresi görüntünün genişliğine karşılık gelir ve yükseklik, görüntünün yüksekliğinin göstergesini içerir. Bu durumda sayfa açıldığında tarayıcı penceresinde 300 piksel genişliğinde ve 350 piksel yüksekliğinde bir resim görüntülenecektir. Sayfadaki biçimlendirme ayarlarını değiştirmek için hspace ve vspace niteliklerini de ekleyebilirsiniz:

Bu tanımlayıcıda, görüntüden yatay (hspace) ve dikey (vspace) kenar boşlukları belirtildi. Sayfaya eklenen herhangi bir metin, resimden yatay olarak 5 piksel ve dikey olarak 10 piksel aralıklı olacaktır. Border özelliği, görüntünün etrafında 1 piksellik bir kenarlık oluşturmaktan sorumludur.

Resmin boyutunun yalnızca piksel cinsinden değil, aynı zamanda tarayıcı penceresinin boyutuna göre yüzde olarak da ayarlanabileceğine dikkat edilmelidir. Örneğin:

Bu kodun çalışmasının bir sonucu olarak, görüntü pencerenin tüm genişliği boyunca gerilecektir. Bu durumda resmin bozulabileceğini belirtmekte fayda var. Resmin büyütülmüş görüntüsü, resmin kalitesine bağlıdır.

"Not Defteri" penceresinin "Dosya" - "Kaydet" işlevi kullanılarak yapılan değişiklikleri kaydedin. HTML dosyasını sağ tıklayıp "Birlikte Aç" seçeneğini seçerek tarayıcı penceresindeki görüntünün görüntüsünü kontrol edin. Önerilen seçenekler listesinde, İnternet'te gezinmek için kullandığınız programı seçin. Görüntü boyutunu ayarlamak için HTML dosyasını istediğiniz sayıda düzenleyebilirsiniz.

Önerilen: