“ ” etiketi, paragraf olarak kabul edilen web sayfasındaki metni görüntülemek için kullanılır. “
” etiketi, paragraftan önce ve sonra eklenen önceden tanımlanmış bir dikey boşlukla birlikte gelir. “
” etiketi içindeki metin her zaman bir sonraki satırda görüntülenir ve fazladan boşlukları da atlar. Geliştiriciler, içeriği farklı bölümlere ayırmak veya bilgileri mantıksal olarak düzenlemek için p etiketini kullanabilir.
Bu kılavuz, pratik uygulamayla birlikte HTML p etiketini gösterir.
HTML p Etiketi nedir?
“ ” etiketi, web sayfasında içeriğin yapısını geliştirmek ve metnin daha belirgin olmasını sağlamak için kullanılır. Web sitesinin arama sonuçlarındaki sıralamasını iyileştirebilen web sayfası için SEO sürecinde yardımcı olur.
Sözdizimi
“ için sözdizimi ” etiketi şu şekilde gösterilir:
< P > linux P >
Yukarıdaki kod satırında “ ” başlangıç etiketidir ve “
” kapanış etiketidir. HTML öğelerinin karmaşıklığını ve çakışmasını önlemek için kapanış etiketinin kullanılması zorunludur.
“ nasıl olduğunu anlamak için aşağıdaki örneği ziyaret edin. ” etiketi çalışır:
< vücut >< P > Merhaba Linuxhint Topluluğu P >
vücut >
Yukarıdaki kod parçacığının çıktısı aşağıda görüntülenir:
Yukarıdaki çıktı, '' kullanılarak ekranda görüntülenen düz metni gösterir. ' etiket.
Etiketine CSS Stili Nasıl Uygulanır?
“ ” etiketi, “ gibi global özellikleri kabul eder. sınıf ”, “ İD ' veya ' stil ” vb. CSS özelliklerini kullanarak seçilen öğeyi biçimlendirmek için kullanılabilir. Geliştirici, CSS özelliklerini yalnızca belirli öğelere uygulamak için genel niteliklerden birini kullanabilir. Ve stil uygulamak için ' “Web sayfasında kullanılan etiketler direkt olarak HTML’yi seçer” P ” CSS dosyasının içindeki öğe veya “
Örnek 1: CSS Özelliklerini Tüm 'p' Öğelerine Uygulamak
Tüm
HTML öğelerinde aynı stilleri ayarlamak için aşağıdaki kod parçacığını ziyaret edin:
< stil >P {
arka plan rengi: orman yeşili;
Beyaz renk;
}
stil >
< vücut >
< P > Merhaba Linuxhint Topluluğu P >
< P > Merhaba Linuxhint Topluluğu P >
< P > Merhaba Linuxhint Topluluğu P >
< P > Merhaba Linuxhint Topluluğu P >
vücut >
Yukarıdaki kod parçacığında, CSS “ arka plan rengi ' Ve ' renk ' özellikler şuna uygulanır ' P doğrudan ' öğelerini seçerek ' öğeleri P ” öğe seçici.
Yukarıdaki kod parçacığının yürütülmesinden sonra, web sayfası şöyle görünür:
Yukarıdaki çıktı, aynı stilin tüm “ P ” web sayfasındaki öğeler.
Örnek 2: CSS Özelliklerini Benzersiz 'p' Öğesine Uygulama
Benzersiz “ stilleri uygulamak için P ” elemanları, style, id veya class nitelikleri kullanılabilir. Bu global nitelikler, CSS özelliklerini ' P ” bağlı oldukları öğe.
Bir kodu ziyaret edelim:
< stil >P {
arka plan rengi: orman yeşili;
Beyaz renk;
}
.using-sınıfı {
arka plan rengi: koyu camgöbeği;
}
#kullanıcı kimliği{
arka plan rengi: pembe kahverengi;
}
stil >
< vücut >
< P > Merhaba Linuxhint Topluluğu P >
< P stil = 'arka plan rengi: kırmızı' > Merhaba Linuxhint Topluluğu P >
< P sınıf = 'kullanma sınıfı' > Merhaba Linuxhint Topluluğu P >
< P İD = 'kimliği kullanma' > Merhaba Linuxhint Topluluğu P >
< P > Merhaba Linuxhint Topluluğu P >
vücut >
Yukarıdaki kod parçacığında, ' için arka plan rengi özelliği P ” öğesi, global niteliklerle kullanıldığında farklı değerlerle ayarlanır.
Yukarıdaki kod parçacığının yürütülmesinden sonra, web sayfası şöyle görünür:
Yukarıdaki çıktı, “ P ” öğeler artık küresel özniteliklerin yardımıyla benzersiz bir şekilde tasarlanıyor.
Çözüm
“ ”
etiketini göstermiştir.