Apa itu Paragraf?
Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide (id.wikipedia.org). Sebuah website menampilkan berbagai informasi dalam bentuk paragraf-paragraf yang disusun sedemikian rupa sehingga informasi dapat dipahami oleh pengunjung. HTML sebagai standar informasi di halaman web menyediakan fasilitas untuk membuah paragraf menggunakan Tag p.
Format Penulisan Paragraf di HTML
Format penulisan kode HTML untuk membuat paragraf adalah <p>…isi paragraf…</p> atau kalian dapat menambahkan Atribut HTML. Sehingga, format paragraf jika ditambahkan Atribut maka menjadi <p nama_atribut=”nilai_atribut”>…isi paragraf…</p>.
Contoh Pembuatan Paragraf di HTML
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>Belajar Paragraf pada HTML Bersama SolusiLain.Com</title> </head> <body> <p>Dampak perkembangan dan penyebaran COVID-19 telah membuat berbagai perusahaan dan kantor-kantor baik negeri maupun swasta mengurangi aktivitas yang melibatkan orang banyak. Hal ini juga dilakukan oleh lembaga pendidikan yang mengalihkan proses pembelajaran tatap muka menjadi pembelajaran daring (online).</p> </body> </html> |
Hasil dari kode html pada contoh di atas dapat kalian lihat pada gambar di bawah ini.
Contoh di atas adalah cara membuat satu buah paragraf, untuk membuat paragraf berikutnya kalian tinggal menambahkan dengan elemen <p>…</p> setelah parangaf yang pertama dan seterusnya.
Menambah Atribut Pada Paragraf di HTML
Dalam menyajikan informasi ada kalanya kita membuat paragraf dengan rata kiri, rata kanan dan mungkin rata tengah (center). Untuk membuat format paragraf dengan perataan kiri, kanan dan tengah tersebut, maka harus dilakukan penambahan Atribut pada Tag p sesuai aturan penulisan atribut HTML.
Sebagai contohnya kita akan menambahkan atribut pada kode HTML yang telah kita buat sebelumnya.
1 |
<p align="center">Dampak perkembangan dan penyebaran COVID-19 telah membuat berbagai perusahaan dan kantor-kantor baik negeri maupun swasta mengurangi aktivitas yang melibatkan orang banyak. Hal ini juga dilakukan oleh lembaga pendidikan yang mengalihkan proses pembelajaran tatap muka menjadi pembelajaran daring (online).</p> |
Dengan menambahkan atribut align=”center”, maka sekarang paragraf akan ditampilkan rata tengah (center). Kalian dapat mencoba merubah nilai atribut align dengan left, right dan justify.
Yang tidak kalah penting untuk diperhatikan dalam pembuatan paragraf di HTML adalah bahwa Web Browser akan menghapus spasi tambahan dan baris tambahan. Kalian juga harus tahu bahwa tampilan paragraf di web ini tidak bisa dipastikan seperti apa tampilannya, paragraf akan ditampilkan sesuai dengan ukuran layar atau ukuran area tempat paragraf berada.
Contoh jika kalian memberikan spasi tambahan dan baris tambahan saat mengetik paragraf dengan tujuan tertentu.
1 2 3 4 5 6 7 |
<p align="center">Dampak perkembangan dan penyebaran COVID-19 telah membuat berbagai perusahaan dan kantor-kantor baik negeri maupun swasta mengurangi aktivitas yang melibatkan orang banyak. Hal ini juga dilakukan oleh lembaga pendidikan yang mengalihkan proses pembelajaran tatap muka menjadi pembelajaran daring (online).</p> |
Cara di atas tidak akan mempengaruhi hasil sebalumnya, meskipun dalam kode html kita menambahkan spasi tambahan dan baris tambahan menggunakan tombol enter.
Jika kalian menginginkan berpindah baris di dalam paragraf HTML, kalian cukup tambahkan Elemen br atau break line. Seperti cohtoh di bawah ini.
1 |
<p align="center">Dampak perkembangan dan penyebaran COVID-19 telah membuat berbagai perusahaan dan kantor-kantor baik negeri maupun swasta mengurangi aktivitas yang melibatkan orang banyak.<br>Hal ini juga dilakukan oleh lembaga pendidikan yang mengalihkan proses pembelajaran tatap muka menjadi pembelajaran daring (online).</p> |
Dan hasil kode di atas akan menghasilkan tampilan seperti berikut ini.
Demikian tutorial Membuat Paragraf di HTML, mudah-mudahan bermanfaat, jika ada yang ingin ditanyakan silahkan menulis komentar di bawah postingan tutorial Membuat Paragraf di HTML ini.