Görseller
Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 23 / 60.
Görseller web sayfanızı daha ilgi çekici hale getirebilir ve HTML'de <img> etiketini kullanarak bunları eklemek basittir. <img> etiketi kendi kendini kapatan bir etikettir, yani bir bitiş etiketine ihtiyaç duymaz.
Bir görüntüyü görüntülemek için src özniteliğini kullanmanız gerekir. Bu öznitelik, görüntünün konumunu (URL veya dosya yolu) belirtir. İşte bir örnek:
<img src="https://coddy.tech/images/bit.svg" />Bu örnekte, tarayıcı görüntüyü https://coddy.tech/images/bit.svg URL'sinden yükleyecek ve görüntüleyecektir.
Kendi kendini kapatan etiketler, <img> gibi, bir kapatma etiketine ihtiyaç duymazlar. Bu etiketler /> ile biterler ve içinde içerik bulunmayan öğeler için kullanılırlar.
Görev
KolayHTML belgesine bir görsel ekleyin, dersteki örnekten bir URL veya başka bir URL kullanabilirsiniz.
Bir görsel gördüğünüzden emin olun!
Kopya kağıdı
<img> etiketi görüntüleri görüntüler ve kendi kendine kapanır (bitiş etiketi gerekmez):
<img src="https://coddy.tech/images/bit.svg" />src özniteliği görüntünün konumunu (URL veya dosya yolu) belirtir. Kendi kendine kapanan etiketler /> ile biter.
Kendin dene
<!DOCTYPE html>
<html>
<body>
<!-- Kodunuzu buraya yazın -->
</body>
</html>
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Fundamentals bölümündeki tüm dersler
1HTML Temelleri
HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar7Kişisel Profil Sayfası
Projeye Genel BakışHeader Bölümü
Profil ResmiHakkımda BölümüSosyal Bağlantılar2Metin ve Biçimlendirme
BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme8Formlar ve Inputlar Bölüm 1
Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form11Etkinlik Kayıt Sayfası
Projeye Genel BakışHeader BölümüEtkinlik Detayları BölümüKayıt FormuFooter Bölümü9Formlar ve Girdiler Bölüm 2
Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #212Final Meydan Okumaları
Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar Listesi