HTML olarak da bilinen Köprü Metni Biçimlendirme Dili, web uygulamaları oluşturmak için kullanılır. Genellikle öğeler olarak bilinen HTML etiketleri, HTML dilinin en önemli yönüdür. HTML etiketleri web sayfalarına içerik veya bilgi yerleştirir ve görüntüler. İki tür HTML etiketi vardır: Boş ve Kapsayıcı etiketleri.
Bu blog, HTML'de boş ve kapsayıcı etiketlerle nasıl çalışılacağına rehberlik edecek.
Boş Etiketler
Boş etiketler aynı zamanda “ olarak da bilinir. tek kişilik ' veya ' geçersiz ” etiketleri. Void etiketi hiçbir zaman herhangi bir içerik içermez, ancak nitelikler belirtilebilir. Bu etiketlerin bitiş etiketi yoktur ve etikette ters eğik çizgi içerebilir. Boş etiketlere örnek olarak '
', '', '', '
Sözdizimi
HTML'deki geçersiz öğelerden bahsetmek için kullanılan sözdizimi aşağıdaki gibidir:
< boş etiket />
Boş etiketlerle nasıl çalışılacağını görmek için aşağıdaki örneğe bakın. “
” etiketi, satır sonu etiketi olarak bilinir ve satırı kesmek için kullanılır:
< p > HTML Boş Etiketleri < br > Çizgi kırmak Etiket p >
Çıktı, “
” etiketi satırı bozdu:
CSS stil özelliklerini HTML etiketlerine ekleyebiliriz. “
” etiketi, sayfaya yatay bir çizgi ekleyen başka bir boş öğedir:
< saat stil = 'kenarlık-üst: 3 piksel kesikli kırmızı;' > Çizgi kırmak Etiket
p >
“ sınır üstü ” CSS özelliği şuna uygulanır:
” üç değerle, biri şuna eşit olan kenarlık genişliğidir: “ 3 piksel ”, kenarlık stili “ olarak ayarlanmıştır. kesikli ” ve kenarlık rengi.
Çıktı
Buraya kadar HTML boş etiketlerinden bahsettik. Şimdi, bir sonraki bölümde HTML kapsayıcı etiketlerini inceleyeceğiz.
Konteyner Etiketleri
HTML kapsayıcı etiketleri üç bölümden oluşur: başlangıç etiketleri, içerik ve bitiş etiketleri. HTML kapsayıcı etiketinin sözdizimi şu şekilde verilmiştir:
< başlangıç_günü > İçerik bitiş etiketi >Kapsayıcı etiketinin HTML'de nasıl çalıştığını öğrenmek için aşağıdaki örneklere göz atın.
Örnek 1: HTML'de Paragraf Nasıl Eklenir?
“ ” etiketi, paragrafı HTML belgesine gömmek için kullanılır:
< p > Bu bir paragraf etiketidir p >Çıktı
Örnek 2: HTML'de Başlıklar Nasıl Eklenir?
Bir web sayfasına başlık eklemek için kullanılabilecek altı başlık kabı etiketi seviyesi vardır. Bir web sayfasında nasıl çalıştıklarını ve göründüklerini görmek için bunları bir HTML belgesine koyalım:
< h1 > linux h1 >< h2 > linux h2 >
< h3 > linux h3 >
< h4 > linux h4 >
< h5 > linux h5 >
< h6 > linux h6 >
Çıktı
Bu etiketlere satır içi stili sağlayabiliriz. Çeşitli CSS stil özelliklerinin bu etiketlere nasıl uygulanacağını gösteren aşağıdaki örneği inceleyin:
< h1 stil = 'arka plan rengi: devedikeni; yazı tipi ailesi: el yazısı;' > linux h1 >< h2 stil = 'arka plan rengi: buğday; metin hizalama: merkez;' > linux h2 >
< h3 stil = 'arka plan rengi: domates; renk: beyaz;' > linux h3 >
< h4 stil = 'yazı tipi ailesi: 'Trebuchet MS'; arka plan rengi: sarıyeşil;' > linux h4 >
< h5 stil = 'arka plan rengi: menekşe;' > linux h5 >
< h6 stil = 'arka plan rengi: beyaz duman;' > linux h6 & gt
İşte yukarıda belirtilen özelliklerin açıklaması:
- “ arka plan rengi ” özelliği, öğenin arka planına renk katar.
- “ font ailesi ” özelliği, öğenin yazı tipi stilini ayarlar.
- “ Metin hizalama ” özelliği, metin yerleşimini veya hizalamasını ayarlar.
Çıktı
Size HTML'nin boş ve kapsayıcı etiketlerini nasıl kullanacağınızı gösterdik.
Çözüm
Boş etiketler ve kapsayıcı etiketleri, içeriği ve bilgileri bir web sayfasına yerleştiren HTML belgelerinin ana bileşenleridir. Boş etiketler herhangi bir içerik içermez ve yalnızca sonunda ters eğik çizgi bulunan başlangıç etiketinden oluşur, örneğin
. Ancak kapsayıcı etiketler, içerikle birlikte başlangıç ve bitiş etiketlerini de içerir. Bu blog, HTML'de boş ve kapsayıcı öğelerinin çalışmasını detaylandırdı.