“ ” tag digunakan untuk menampilkan teks pada halaman web yang dianggap sebagai paragraf. Tag “
” hadir dengan spasi vertikal yang telah ditentukan sebelumnya yang ditambahkan sebelum dan sesudah paragraf. Teks di dalam tag “
” selalu ditampilkan di baris berikutnya dan juga melewatkan spasi tambahan. Pengembang dapat menggunakan tag p untuk memisahkan konten menjadi beberapa bagian berbeda atau untuk mengatur informasi secara logis.
Panduan ini menunjukkan tag p HTML bersama dengan implementasi praktis.
Apa itu Tag HTML p?
“ ” tag digunakan di halaman web untuk menyempurnakan struktur konten dan membuat teks lebih menonjol. Ini membantu dalam proses SEO untuk halaman web yang dapat meningkatkan peringkat situs web dalam hasil pencarian.
Sintaksis
Sintaks untuk “ ” tag ditampilkan sebagai:
< P > Linux P >
Pada baris kode di atas, ' ” adalah tag awal, dan “
” adalah tag penutup. Tag penutup wajib digunakan untuk menghindari kerumitan dan tumpang tindih elemen HTML.
Kunjungi contoh di bawah ini untuk memahami bagaimana “ ” tag berfungsi:
< tubuh >< P > Halo Komunitas Linuxint P >
tubuh >
Output dari cuplikan kode di atas ditampilkan di bawah ini:
Output di atas menunjukkan teks biasa yang ditampilkan di layar menggunakan ' ” tag.
Bagaimana Cara Menerapkan Gaya CSS ke Tag
?
“ ” tag menerima atribut global seperti “ kelas ”, “ pengenal ' atau ' gaya ” dll. yang dapat digunakan untuk menata elemen yang dipilih menggunakan properti CSS. Pengembang dapat menggunakan salah satu atribut global untuk menerapkan properti CSS hanya pada elemen tertentu. Dan untuk menerapkan gaya ke semua “ ” tag yang digunakan pada halaman web langsung pilih HTML “ P elemen ” di dalam file CSS atau “
Contoh 1: Menerapkan Properti CSS ke Semua Elemen 'p'.
Untuk menyetel gaya yang sama pada semua
elemen HTML, kunjungi cuplikan kode di bawah ini:
< gaya >P {
background-color: hijau hutan;
warna putih;
}
gaya >
< tubuh >
< P > Halo Komunitas Linuxint P >
< P > Halo Komunitas Linuxint P >
< P > Halo Komunitas Linuxint P >
< P > Halo Komunitas Linuxint P >
tubuh >
Dalam cuplikan kode di atas, CSS “ warna latar belakang ' Dan ' warna ” properti diterapkan ke “ P ” elemen dengan langsung memilih “ P pemilih elemen.
Setelah eksekusi potongan kode di atas, halaman web terlihat seperti ini:
Output di atas menunjukkan bahwa gaya yang sama telah diterapkan ke semua “ P ” di halaman web.
Contoh 2: Menerapkan Properti CSS ke Elemen 'p' Unik
Untuk menerapkan gaya ke “unik” P ” elemen, atribut gaya, id, atau kelas dapat digunakan. Atribut global ini menerapkan properti CSS ke “ P ” elemen tempat mereka dilampirkan.
Mari kita kunjungi kode:
< gaya >P {
background-color: hijau hutan;
warna putih;
}
.menggunakan kelas {
background-color: darkcyan;
}
#menggunakan-id{
background-color: rosybrown;
}
gaya >
< tubuh >
< P > Halo Komunitas Linuxint P >
< P gaya = 'warna latar belakang: merah' > Halo Komunitas Linuxint P >
< P kelas = 'menggunakan kelas' > Halo Komunitas Linuxint P >
< P pengenal = 'menggunakan-id' > Halo Komunitas Linuxint P >
< P > Halo Komunitas Linuxint P >
tubuh >
Dalam cuplikan kode di atas, properti background-color untuk “ P ” elemen diatur dengan nilai yang berbeda saat digunakan dengan atribut global.
Setelah eksekusi potongan kode di atas, halaman web muncul seperti ini:
Output di atas menunjukkan bahwa “ P ” elemen sekarang ditata secara unik dengan bantuan atribut global.
Kesimpulan
“ ”
.