Görseller

Coddy'nin HTML Journey'sinin Temeller bölümünün bir parçası. Ders 23 / 60.

Görseller web sayfanızı daha ilgi çekici hâle getirebilir ve HTML'de bunları eklemek <img> etiketiyle kolaydır. <img> etiketi kendi kendini kapatır; yani bir kapanış etiketine ihtiyaç duymaz.

Bir görseli görüntülemek için src özniteliğini kullanman gerekir. Bu öznitelik, görselin konumunu (URL veya dosya yolu) belirtir. İşte bir örnek:

<img src="https://coddy.tech/images/bit.svg" />

Bu örnekte tarayıcı, resmi https://coddy.tech/images/bit.svg URL'sinden yükleyip görüntüler.

Kendiliğinden kapanan etiketler, <img> gibi, içinde içerik bulunmayan öğeler için kullanılır; bu nedenle kapanış etiketleri yoktur. HTML5'te sondaki eğik çizgi isteğe bağlıdır: <img src="bit.svg"> ve <img src="bit.svg" /> ikisi de geçerlidir. Bu kursta /> kullanılır.

Görev

Kolay

HTML belgesine bir görsel ekleyebilirsin; dersteki örnekteki URL'yi veya başka herhangi bir URL'yi kullanabilirsin.

Bir görsel gördüğünden emin ol!

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodu buraya yazın -->
    </body>
</html>

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Temeller bölümündeki tüm dersler

1HTML Temelleri

HTML Nedir?HTML'in Temel Yapısı Etiketler ve Elementler İç İçe Geçirme ve Kapatma Etiketleri HTML'de Yorumlar

4Tarif Kartı

Projeye Genel Bakış Tarif Başlığı ve Açıklaması

Malzemeler

Adımlar

7Kişisel Profil Sayfası

Projeye Genel Bakış Header Bölümü

Profil Resmi

Hakkımda Bölümü

Sosyal Bağlantılar

10Tablolar

Tablo Temelleri Başlık Ekleme Satır ve Sütun Birleştirme Özet - Tablolar

2Metin ve Biçimlendirme

Başlıklar Paragraflar Satır Sonları Kalın ve İtalik Metin Yeniden Kalın ve İtalik Özet - Biçimlendirme

5İçerik Ekleme

HTML Öznitelikleri Bağlantılar Yeni Sayfa BağlantılarıGörsellerGörsel Öznitelikleri

8Formlar ve Inputlar Bölüm 1

Form Temelleri Metin Inputları Input Öznitelikleri Şifre Alanı Inputlar için Etiketler Özet - Temel Form

11Etkinlik Kayıt Sayfası

Projeye Genel Bakış Header Bölümü

Etkinlik Detayları Bölümü

Kayıt Formu

Footer Bölümü

3Listelerle Çalışma

Sırasız Liste Sıralı Liste İç İçe Listeler Özet - Listeler

6Sayfa Düzeni

Bölümler Satır İçi Span'ler Semantik Etiketler Section ve Article Etiketleri Özet - Düzen

9Formlar ve Girdiler Bölüm 2

Radyo Düğmeleri Onay Kutuları Açılır Menüler Butonlar Formlardaki Butonlar Özet - Formlar #1 Özet - Formlar #2

12Final Meydan Okumaları

Basit Profil Kartı Etkinlik Davetiye Kartı Basit Makale Sayfası Favori Kitaplar Listesi

Kendi başına pratik yap: Web playground