Paragraf merupakan serangkaian kalimat yang terdiri atas satu kalimat pokok dan beberapa kalimat penjelas. Di dalam sebuah dokumen HTML, tentunya terdapat paragraf yang digunakan untuk membangun sebuah wacana (artikel) atau tulisan di dalamnya. Show Pada pembahasan kali ini, saya akan menjelaskan cara membuatan paragraf di HTML, dimulai dengan penggunaan tag <p> untuk membuat paragraf, tag <br> untuk membuat baris baru dan tag <pre> untuk preformatted text (menampilkan teks di browser sesuai dengan yang ditulis). Untuk penjelasan lebih lanjut, mari simak penjelasannya dibawah ini : ParagrafSebuah paragraf di HTML ditandai dengan pasangan tag <p> dan tag </p>. Tag <p> menyatakan awal suatu paragraf sedangkan akhir paragraf ditandai dengan tag </p>. Memang kita bisa mengakhiri paragraph dengan tidak menggunakan tag </p> tetapi saya menyarankan untuk tetap menggunakan tag penutup </p>. Pada tag <p> terdapat atribut align yang digunakan untuk menampilkan paragraf dengan rata kanan, kiri, tengah ataupun kiri dan kanan. Namun, atribut align tidak didukung oleh HTML5 karena sudah diganti dengan penggunaan CSS. Berikut ini nilai pada atribut align : NilaiFungsiLeftUntuk meratakan heading ke kiriRightUntuk meratakan heading ke kananCenterUntuk meratakan heading ke tengahJustifyUntuk meratakan teks ke kiri dan kananDan dibawah ini contoh kode penggunaan tag <p> :
Maka hasilnya akan terlihat seperti dibawah ini setelah ditampilkan di browser : Baris Baru ( Tag <br> )Anda dapat membuat sebuah baris baru dalam dokumen HTML dengan menggunakan tag <br>. Penggunaan tag <br> sama dengan penggunaan tombol “Enter” pada keyboard. Tag <br> adalah single text artinya hanya memiliki tag awal tetapi tidak memiliki tag akhir. Berikut contoh kode penggunaan tag <br> :
Maka hasilnya akan terlihat seperti dibawah ini setelah ditampilkan di browser : Preformatted Text HTMLAnda dapat menampilkan text sesuai dengan aslinya baik itu spasi dan karakter dengan menggunakan tag <pre>. Tag <pre> adalah singkatan dari Preformatted Text yang digunakan untuk teks yang belum diformat. Dengan kata lain, spasi antar karakter yang ada di HTML akan tetap tampil di browser sehingga teks akan sama persis dengan yang ada di dalam elemen <pre>. Tag <pre> sendiri termasuk ke dalam blok level element dengan kata lain, teks yang ada di dalam tag <pre> akan ditampilkan di baris baru dan terpisah dari teks yang ada sebelum tag <pre>. Pada umumnya, jenis font yang digunakan adalah monospace dengan panjang karakter yang sama untuk setiap hurufnya. Di dalam preformatted text terdapat atribut yaitu : AtributFungsiWidthMenentukan jumlah karakter dalam satu barisNamun, atribut width ini tidak didukung oleh HTML5, dan diganti dengan penggunaan CSS. Berikut contoh kode penggunaan tag <pre> :
Di browser, akan tampil sebagai berikut : Terlihat dari gambar diatas, bentuk teks yang ditampilkan sesuai dengan yang ditulis dimana spasi yang ditulis tidak diabaikan tetapi tetap ditampilkan dalam browser. Penggunaan tag<pre> ini tepat digunakan untuk menampilkan hasil kode program. Setelah anda paham bagaimana cara membuat paragraf di HTML, silakan dilanjut ke tutorial berikutnya yaitu mengenai cara membuat tulisan miring dan tebal di HTML. Part 4: Cara Membuat Judul Part 6: Tulisan Miring & Tebal Editor: Muchammad Zakaria Download berbagai jenis aplikasi terbaru, mulai dari aplikasi windows, android, driver dan sistem operasi secara gratis hanya di Nesabamedia.com: Bagaimana cara membuat paragraf di HTML?Paragraf pada HTML didefinisikan dengan tag <p> Tag <p> merupakan block element yang mana setiap kali didefinisikan, ia akan memenuhi lebar layar dan akan membuat baris baru. Tag <p> akan menganggap semua karakter putih sebagai satu buah spasi. Kita bisa menampilkan teks apa adanya menggunakan tag <pre>
Br buat apa?Tag <br/> adalah tag yang di sediakan pada html untuk membuat baris baru atau sering dan lebih mudah di sebut dengan membuat enter.
Apa CSS property untuk mengatur jarak antar baris?Jarak antar baris bisa kita atur menggunakan properti CSS line-height .
Apa itu CSS text?CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs.
|