Web Tutorial Indonesia
Elemen HTML Elemen HTML p Jika kita menggunakan elemen ini dalam XHTML, elemen ini wajib memiliki penutup Dalam elemen ini, jika teks atau paragraf mengandung spasi lebih dari satu atau baris baru maka akan diabaikan. Elemen yang bisa mengenali spasi lebih dari satu atau baris baru adalah elemen HTML pre Untuk latihan mari kita membuat elemen HTML Hasil dari running skrip diatas Contoh elemen p Perhatikan skrip diatas, kita telah menambahkan beberapa spasi dan baris baru pada paragraf pertama. Setelah kita running ternyata browser menampilkan hasil yang sama dengan paragraf kedua, ini membuktikan bahwa spasi lebih dari satu dan baris baru akan diabaikan. Jika anda ingin merubah jarak antara paragraf, silahkan anda rubah atribute CSS yang telah ditentukan untuk elemen p diatas. Sumber: Element p Happy Nyekrip!<p> Sebuah Paragraf </p>
Definisi dan Penggunaan
p adalah salah elemen yang paling sering digunakan untuk membuat dokumen HTML, makna p disini menunjukkan paragraph(paragraf) yang artinya elemen ini ditujukan untuk paragraf (teks) dan juga memiliki makna semantik. Jika kita menggunakan elemen p untuk memulai sebuah paragraf baru dalam dokumen HTML, maka secara otomatis akan menciptakan beberapa ruang atau jarak (margin) di atas dan di bawah konten.<p> merupakan elemen dengan tipe blok-level seperti Elemen HTML div, itulah mengapa dia secara default akan membuat ruang/space. Ruang ini dibuat secara otomatis oleh style default browser, kita dapat merubahnya dengan menggunakan CSS.</p>, sedangkan dalam file HTML kita bisa menghilangkan penutup. Meskipun dalam HTML kita bisa menghilangkan penutup, tetapi lebih disarankan untuk tetap menuliskannya.<pre>.Dukungan Browser
Elemen
<p>
Ya
Ya
Ya
Ya
Ya
Latihan Elemen HTML p
p dalam file halaman HTML dengan nama index.html, selanjutnya kita ketikkan atau langsung salin skrip berikut.<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Contoh Elemen p - Nyekrip</title>
<style>
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
</style>
</head>
<body>
<p>Dalam teknologi web
terdapat daftar panjang
istilah dan singkatan.
</p>
<p>Nyekrip.com merupakan web yang berisikan tutorial.
</p>
</body>
</html>
Elemen HTML p
About The Author
