Html'de Resim Nasıl Yapılır

İçindekiler:

Html'de Resim Nasıl Yapılır
Html'de Resim Nasıl Yapılır

Video: Html'de Resim Nasıl Yapılır

Video: Html'de Resim Nasıl Yapılır
Video: Htmlde Resim Ekleme Nasıl Yapılır 2024, Kasım
Anonim

HTML, İnternet sayfaları oluşturmak için kullanılan bir biçimlendirme dilidir. Görüntüler de dahil olmak üzere çeşitli öğelerin görünümünü özelleştirmek için kullanılabilir. HTML'deki görüntülerin gösteriminin ayarlanması özel bir etiket aracılığıyla gerçekleştirilir.

html'de resim nasıl yapılır
html'de resim nasıl yapılır

Talimatlar

Aşama 1

Web sayfalarını düzenlemek için kullandığınız metin düzenleyiciyle HTML dosyanızı açın. Bir HTML dosyanız yoksa, masaüstünde veya gerekli klasörde sol tıklayarak oluşturun ve "Yeni" - "Metin Belgesi" menüsüne tıklayın. Bir dosya adı girin ve noktadan sonra html uzantısını ekleyin. Ardından belgeye tekrar sağ tıklayın ve "Birlikte Aç" - "Not Defteri"ni seçin. HTML kodunu koyabileceğiniz boş bir belge göreceksiniz.

Adım 2

HTML'de bir görüntü oluşturmak için, görüntülenmek üzere bir bölüme yerleştirilmesi gereken bir etiket kullanılır. Örneğin:

HTML'de resim

Aşama 3

Etiket kapanmaz ve bir kapanış etiketi gerektirmez. Kullanılması gereken ana parametresi, istenen görüntü dosyasının yolunu belirleyen src'dir. Bu satırda, yerleştirmek istediğiniz görüntü dosyasının hem tam (https:// ile) hem de göreli yolu (örneğin, /pictures/img.jpg) belirtebilirsiniz.

4. Adım

Diğer bir önemli parametre ise görüntünün adını ve sayfadaki kimliğini tanımlayan alt parametresidir. Bu ad, kullanıcı fareyi resmin üzerine getirdiğinde görünecektir.

Adım 5

Görüntü parametrelerini ayarlamak için genişlik ve yükseklik niteliklerini de kullanabilirsiniz. İlk ayar uzunluktan, ikincisi sayfadaki görüntünün yüksekliğinden sorumludur. Bu parametre piksel cinsinden belirtilir. Böylece & img> etiketi şu şekilde ayarlanabilir:

6. Adım

Bu etiketi kullanarak, yolu src özniteliğine kaydedilen bir görüntü oluşturulur. Resmin üzerine geldiğinizde "resim adı" mesajını göreceksiniz. Bu durumda, görüntü 300 piksel genişliğinde ve 250 piksel yüksekliğinde olacaktır. Yukarıdaki tüm parametreleri istediğiniz gibi ayarlayabilirsiniz.

7. Adım

"Dosya" - "Kaydet" işlevini kullanarak değişiklikleri dosyaya kaydedin. Resmin HTML'de başarıyla oluşturulup oluşturulmadığını kontrol etmek için belgeyi bir tarayıcıda açın. Bunu yapmak için, dosyaya sağ tıklayın ve "Birlikte aç" bölümünü seçin ve ardından tarayıcınızın adının bulunduğu satıra tıklayın. HTML görüntü oluşturma tamamlandı.

Önerilen: