HTML makale Etiketi

Html Makale Etiketi



HTML5, “ Herhangi bir belgede, uygulamada veya sitede bağımsız belirli bir bileşeni temsil etmek için kullanılabilen ' etiketi. Bu HTML bileşeni, bir forum gönderisinde, bir dergide, bir blog gönderisinde ve daha fazlasında yeniden kullanılabilir ve dağıtılabilir olabilir.

Bu çalışma size HTML

etiketi hakkında bilgi verecektir. O zaman hadi gidelim!







HTML
Etiketi nedir?

öğesi ve
öğesi, işlevsellik, stil ve görüntüleme açısından benzer şekilde çalışır. Ancak, bir belgedeki
etiketi, arama motorlarına ve ekran okuyuculara daha fazla anlamsal bilgi verir. Ayrıca, bir HTML dosyası iç içe yerleştirilebilen birden çok
etiketi içerir.



HTML
Etiketi Nasıl Kullanılır?

HTML

etiketini kullanmak için aşağıda verilen sözdizimini izleyin:



< makale > makale >


Burada, ' ” başlangıç ​​etiketidir ve “ ” bitiş etiketidir.





etiketi kullanımını göstermek için bir örnek üzerinden gidelim.

Örnek: HTML'de

Etiketini Kullanma



linux'ta örneklerle ls komutu

HTML'de, önce “adlı bir sınıfa sahip bir

etiketi ekleyin. tüm işletim sistemi ” ve başlık için

. Ardından, “adlı bir sınıfa sahip başka bir
etiketi ekleyin. sen ”. Bu
etiketinin içinde, başlık için

ve paragraf için

belirtin. Bundan sonra,

ve

etiketleriyle iç içe geçmiş iki

etiketini aşağıdaki gibi ekleyin:

< makale sınıf = 'tüm işletim sistemi' >
< h1 > En Popüler İşletim Sistemleri h1 >
< makale sınıf = 'sen' >
< h2 > pencereler h2 >
< p > Windows, birden çok tescilli grafik işletim sistemi grubudur. Microsoft tarafından geliştirilmiş ve pazarlanmıştır. p >
makale >
< makale sınıf = 'sen' >
< h2 > linux h2 >
< p > Linux, Linux çekirdeğini temel alan açık kaynaklı bir işletim sistemidir. Genellikle  paketlenir olarak bir Linux dağıtımı. p >
makale >
< makale sınıf = 'sen' >
< h2 > Mac os işletim sistemi h2 >
< p > macOS, Apple Inc. tarafından geliştirilen ve pazarlanan bir Unix işletim sistemidir. Bilindiği üzere olarak ana işletim sistemi için Elma adlı kullanıcının Mac bilgisayarları.




Bir sonraki bölümde, yukarıda belirtilen HTML öğelerine uygulanan CSS stilleri açıklanacaktır.



Tüm işletim sistemi div stilini oluştur

.all-OS {
marj: 0 ;
dolgu: 5 piksel;
arka plan rengi: rgb ( 155 , 155 , 155 ) ;
}


“ sınıf adına sahip div tüm işletim sistemi ” tarzı şu şekildedir:

    • .all_OS ” ilgili
      dosyasına erişmek için kullanılır.
    • marj ” özelliği, div öğesinin etrafına boşluk eklemek için kullanılır.
    • dolgu malzemesi ” özelliği, div öğesinin içeriğinin etrafına boşluk ekler.
    • arka plan rengi ”, div öğesinin arka plan rengini uygulamak için ayarlanır.

İşletim sistemi div stili

.sen {
kenar boşluğu: 10 piksel;
dolgu: 5 piksel;
arka plan: beyaz;
}


Stilleri “ adlı bir sonraki

öğesine uygula sen ”. Özelliklerin açıklaması aşağıda verilmiştir:

    • .sen ” os adıyla
      dosyasına erişin.
    • marj ” özelliği, div'in etrafına 10 piksellik bir boşluk ekler.
    • dolgu malzemesi ” özelliği, div öğesinin içeriğinin etrafına 5 piksellik bir boşluk ekler.
    • arka plan rengi ” özelliği, div öğesinin arka plan rengini ayarlar.

Yukarıdaki

etiketlerine CSS stil özelliklerini sağladıktan sonra, özellikler aşağıda belirtildiği gibi ayarlanarak paragraf stili oluşturulur.

Stil p Elemanı

p {
kenar boşluğu: 3 piksel;
yazı tipi boyutu: 15 piksel;
}


öğesine aşağıdaki özellikler uygulanır:

Windows 10 yükseltme dosyası konumu
    • marj ” özelliği, öğenin içeriğinin etrafına 3px boşluk ekler.
    • yazı Boyutu ” özelliği, metin yazı tipi boyutunu 15 piksel olarak ayarlar.

Eklenen kodu kaydedin ve dosyayı tarayıcınızda açın. Sonuç aşağıda gösterildiği gibi görüntülenecektir:


Yukarıda verilen belge birden fazla makale içerebilir ve her işletim sistemi ile ilgili açıklama

etiketi içinde yer alır. Ayrıca, ekran kaydırılırken bir makale arka arkaya görüntülenir.

Bu şekilde HTML

etiketini kullanarak blog gönderileri, forum gönderileri ve dergi benzeri belgeler oluşturabiliriz.

Çözüm

Bildiğimiz gibi, makale yazarları veya blog yazarları belgeyi konunun ana konseptini akılda tutarak yazarlar. Aynı şekilde, HTML'de

etiketleri tamamen kapsanan ve bağımsız içerikten bahsetmek için kullanılır. Ayrıca, bir HTML dosyasında iç içe yerleştirilebilen bir veya daha fazla
etiketi olabilir. Bu çalışmada
etiketinin kullanımı bir örnekle açıklanmıştır.