Oketeknologi.com – Membahas lanjutan mengenai HTML 5. Sebelumnya Admin sudah menjelaskan mengenai Tag Heading dalam HTML. Untuk pembahasan pada artikel kali ini akan dijelaskan mengenai Tag Paragraph pada HTML. Sebagai tag yang akan sering dipakai pada pembuatan dan penyusunan konten artikel Web. Maka dari itu, ayo kita bahas.
Pada umumnya tag paragraph pada HTML digunakan untuk membuat sebuah baris paragraph baru. Tag paragraph sering kali digunakan untuk penyusunan sebuah konten artikel dan teks dengan susunan beberapa baris. Untuk membuat Tag Paragraph HTML yang benar dimulai dengan membuat sebuah tag pembuka <p> dan di akhiri dengan tag penutup </p>.
1. Cara Penulisan Tag Paragraph yang Baik dan Benar
Untuk cara penulisan tag paragraph dimulai dengan penulisan tag pembuka <p>. Setelahnya diikuti isi konten diantara tag pembuka paragraph dan penutupnya. Bagian penutup tag diakhiri dengan sintaks </p>. Untuk lebh jelasnya bisa dilihat pada susunan sintaks kode berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>belajar Membuat Paragraph</title> </head> <body> <p>Ini adalah konten dari sebuah paragrah</p> <p>Ini adalah baris paragraph Baru.</p> </body> </html>Jika kita eksekusi pada seluruh kode diatas, akan terlihat hasilnya pada web browser seperti pada gambar berikut ini.
2. Perbedaan Tag P dan Tag Br pada HTML
Pernahkan kalian menggunakan tag <p> dan tag <br/>. Dari fungsinya kedua tag ini sama sama digunakan untuk membuat sebuah baris baru. Lalu dimanakah letak perbedaannya?.
Pada tag paragraph <p> ini memiliki fungsi untuk membuat paragraph dengan jarak teks yang sudah ditentukan. Ketika tag paragraph <p> dimulai dan diakhiri dengan tag penutup </p> sebagai akhir dari sebuah paragraph dan akan memasuki baris baru.
Sedangkan pada tag <br/> juga memiliki fungsi yang sama, yakni untuk membuat paragraph baru. letak perbedaannya, tag <br/> adalah tag yang berdiri sendiri. Tidak ada awalan dan akhiran tag. Tag <br/> atau break, digunakan untuk membuat baris baru dengan keadaan tertentu.
Contoh penulisan dari kedua tag ini dapat dilihat pada sintaks kode berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>belajar Membuat paragraph</title> </head> <body> <p>Ini adalah konten dari sebuah paragrah</p> <p>Ini adalah baris paragraph Baru.</p> <p>Halo ini adalah contoh teks dalam tag paragraph yang dipisahkan <br/> dengan tag br untuk membuat baris baru.</p> </body> </html>Jika kita lihat hasilnya dalam sebuah browser akan menampilkan tampilan sebagai berikut ini.
Setelah belajar membuat tag paragraph dan tag br. Selanjutnya kita akan masuk ke pembahasan berikut mengenai Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3
Saat menulis tag paragraf (
), terutama di editor HTML WYSIWYG, menekan tombol Enter akan membuat paragraf baru dan bukan baris baru. Untuk membuat baris baru di tag paragraf HTML, ikuti langkah-langkah di bawah ini bergantung pada cara Anda menulis HTML.
Membuat baris baru dalam kode HTML
Jika Anda menulis HTML, Anda dapat
membuat baris baru dengan menggunakan tag
(break), seperti yang ditunjukkan pada contoh di bawah ini.
Kode contoh
Example of
text that is using
the <br> tag to break
a paragraph.
Contoh keluaran kode
Example of text that is using thetag to break a paragraph.
Membuat baris baru di editor WYSIWYG
Baris baru dapat dibuat di editor WYSIWYG. Contohnya termasuk editor online yang digunakan dalam program CMS, seperti WordPress, atau editor HTML, seperti Dreamweaver, dengan pintasan keyboard. Sebagian besar program dan formulir daring mendukung Tombol shift + Enter pintasan keyboard. Untuk menggunakan pintasan ini, pindahkan ke kursor teks ke tempat Anda ingin baris baru dimulai. Kemudian, tekan dan tahan tombol Shift, dan tekan tombol Enter.
Catatan
Jika pintasan keyboard ini tidak berfungsi, kemungkinan hanya mungkin untuk memasukkan baris baru dengan memasukkan jeda baris (tag “
“) secara manual di kode HTML dokumen.