Skip to main content

Mengatur Spasi Dalam Paragraf HTML

iOu! banyak menemukan tutorial cara penulisan paragraf (parapraph) dalam HTML hanya membahas cara membuat paragrap yang dimulai dengan tag <p> dan diakhiri dengan </p>, dan jika ingin membuat garis baru tanpa paragraf bisa menggunakan "break" dengan tag <br />.

Namun pertanyaannya bagaimana cara membuat spasi antar baris dalam satu paragraf?

Mengatur Spasi Paragraf HTML

Gunakan atribut style="line-height: dengan nilai menggunakan satuan em, px atau %;" dalam paragrapraf, contohnya:

paragraf dengan nilai 2em


Kode html mengatur spasi dengan menggunakan "line-height: 2em;"
 
<p style="line-height: 2em;">Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2em. Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2em.</p>

hasilnya:

Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2em. Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 2em.

atau
kode html mengatur spasi dengan menggunakan line-height: 50px
Kode html mengatur spasi dengan menggunakan "line-height: 50px;" 

<p style="line-height: 50px;">Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px. Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px.</p>

hasilnya:

Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px. Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 50px.

atau
contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%
Kode html mengatur spasi dengan menggunakan "line-height: 200%;" 

<p style="line-height: 200%;">Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%. Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%.</p>


hasilnya:
Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%. Ini merupakan contoh jarak spasi antar baris dalam satu paragraf dengan nilai 200%.

Untuk kode html mengatur spasi antar kata gunakan &nbsp.

Mengatur spasi dalam paragraf HTML tersebut hanya bagian kecil dari kode pembuatan website. Lebih lanjut untuk belajar dasar membuat website, dapat diikuti di artikel Belajar HTML. Tutortial ini, sangat mudah difahami sehingga Anda dapat langsung mempraktekan cara membuat halaman website dari nol.

Untuk mengatur spasi paragraf ms word coba ikuti disini mengatur jarak antar paragraf di ms word. 

Reactions:

Comments

  1. download free softwareSaturday, February 11, 2012 at 8:11:00 PM GMT+7

    thanks for the tutorial...

    ReplyDelete
  2. Zamrud HijauMonday, May 28, 2012 at 1:51:00 AM GMT+7

    Info yang baguz sekali untuk disimak.....
    Bermanfaat sekali untuk saya....

    Mohon kunjungan baliknya yaa....
    Dan saya juga sangat berterima kasih sekali kalau anda berkenan FOLLOW dan Backlink Blog sederhana saya.... :-)

    ( http://zamrudhijau.blogspot.com/ )

    ReplyDelete
  3. eljohn-usThursday, June 21, 2012 at 8:59:00 AM GMT+7

    Informasi nya ok banget gan .. Terima kasih yahh

    ReplyDelete
  4. Optimasi Blog OpendIDMonday, September 10, 2012 at 8:27:00 AM GMT+7

    Sangat membantu sobat. Thks infonya

    ReplyDelete
  5. mariyanto widodoWednesday, January 16, 2013 at 9:52:00 PM GMT+7

    Mantab mas, terima kasih atas berbagi informasinya, salam sukes.

    ReplyDelete
  6. teguh sulistyaSaturday, January 19, 2013 at 1:33:00 AM GMT+7

    saya coba terapkan di form opt in agak bingung mas.
    banyak banget kode2 nya.
    Kalibrasi

    ReplyDelete
  7. alfian vianSaturday, July 13, 2013 at 1:00:00 AM GMT+7

    info yang sangat bagus ..
    sangat bermanfaat...

    ReplyDelete
  8. cimun mosesSunday, October 27, 2013 at 3:03:00 AM GMT+7

    gan kalo spasi bukan buat tulisan misal buat scrip lainya gimana?

    ReplyDelete
  9. Yadie BakhtiarSunday, November 17, 2013 at 9:00:00 AM GMT+7

    berhasil di blog sy, thanks bgt infonya

    ReplyDelete
  10. Sri ParyatiTuesday, May 20, 2014 at 12:16:00 AM GMT+7

    kalau jarak antar kata bagaimana mas..misal susunan 3 kolom

    ReplyDelete
  11. Heru CahayaWednesday, May 21, 2014 at 11:48:00 AM GMT+7

    Sebaiknya menggunakan CSS. Biar lebih bisa dimengerti saya kasih link untuk tutorialnya ya mba..
    CSS word-spacing Property

    ReplyDelete
  12. Dimas PutraTuesday, August 18, 2015 at 9:38:00 PM GMT+7

    terima kasih membantu gan

    ReplyDelete
  13. Nyoman SomiartaMonday, December 14, 2015 at 1:09:00 PM GMT+7

    Jika Space antar paragraf bagimana caranya gan?

    bagi agan yang berminat belajar membuat website bisa dilihat di situs berikut ini http://www.computer-course-center.com/web-design.html

    ReplyDelete
  14. As ShopThursday, January 14, 2016 at 3:25:00 PM GMT+7

    Terimakasih, tutorialnya bermanfaat banget …

    Kamu butuh tutorial yang menggunakan bahasa Indonesia? Pusing cari dimana? Kunjungi Kumpulan Tutorial Gratis Tutorial berbahasa Indonesia, yang bisa membantu kamu melakukan aktivitas sehari-hari

    ReplyDelete
  15. Akhmad HasanuddinSaturday, January 23, 2016 at 6:51:00 AM GMT+7

    thanks sangat membantu

    ReplyDelete
  16. Mas UnsyWednesday, March 23, 2016 at 8:26:00 PM GMT+7

    sangat membantu, thanks sob..
    salam kenal Paxdhe Mboxdhe

    ReplyDelete
  17. Javanese TransFriday, December 1, 2017 at 7:07:00 PM GMT+7

    Tambah ilmu lagi, makasih

    ReplyDelete

Post a Comment

Jangan disimpan di dalam hati, lebih baik tuangkan dalam komentar. Walaupun hanya say "hai", Insya Allah dijawab semampunya. iOu! akan sangat menghargainya...

Popular posts from this blog

Meletakkan Judul Tabel Menjadi Rata Tengah di Microsoft Office Excel 2007

Operator computer | Pada saat membuat sebuah tabel tentu dimulai dengan judul tabel yang biasanya diletakkan di tengah atas tabel. Bila menggunakan Microsoft Office Excel 2007, berarti kita harus membuat judul rata tengah diantara beberapa kolom.

Hal ini pasti semua orang sudah tahu cara mengerjakannya. Operator computer bukan mau memberi tahu tapi hanya mendokumentasikan cara-cara bekerja menggunakan Microsoft Excel 2007. Siapa tahu ada yang lupa caranya, bisa diingatkan dengan posting-an ini.

13 comments
Read more

Membuat Superscript dan Subscript di MS Word

Superscript adalah huruf atau angka kecil yang letaknya di bagian atas text normal. Sedang subscript letaknya di bagian bawah text normal.

 Contoh penggunaan superscript biasanya pada pengetikan derajat, misalnya 450. Contoh lainnya, pengetikan meter persegi atau meter kubik (M2 atau M3). Contoh penggunaan subscript, misalnya pada pengetikan rumus kimia seperti H2O atau CO2.
Lalu bagaimana cara membuat huruf dan angka menjadi Superscript dan Subscript?
3 comments
Read more

Cara Cepat dan Mudah Membuat Sertifikat, Piagam MS Word 2010

Membuat sertifikat dan piagam dengan border atau bingkai elegan dan cantik, otomatis untuk beberapa nama penerima dengan memanfaatkan template dan menggunakan fasilitas mail merge MS Word 2010.

 Mengerjakan pembuatan sertifikat dan piagam di MS Word 2010 sangatlah mudah dan cepat. Pada tutorial ini iOu! membagi dua pekerjaan yaitu: Memanfaat template online MS Word 2010 untuk membuat desain sertifikat atau piagam; dan Menggunakan mail merge untuk menggabungkan data penerima sertifikat atau piagam.

Bagaimana cara membuat sertifikat atau piagam dengan template Word 2010?

Download TEMPLATE bingkai, border sertifikat, piagam
52 comments
Read more

Membuat Label Undangan di MS Word 2010

iOu! sebelumnya telah posting tentang membuat label undangan di MS Word 2003 kali ini akan mencoba membuat label undangan di MS Word 2010 dengan cara yang lebih simpel semoga ini dapat bermanfaat. Let’s do it…

1. Membuat Daftar Penerima Undangan Langkah pertama membuat label undangan di MS Word 2010, terlebih dahulu kita buat dulu daftar penerima undangan. Jika pada posting sebelumnya menggabungkan dari data yang sudah ada (dari tabel Word atau Excel) kali ini kita membuat langsung dengan menu yang ada. Data ini berformat Microsoft Access dan untuk membuat serta meng-entry datanya tidak perlu membuka ms access secara langsung.
Buka halaman baru Microsoft Office Word 2010.
44 comments
Read more

Print Halaman Terpilih di MS Word 2010

Mencetak hanya halaman terpilih saja di MS Word 2010 dengan pilihan Print Current Page, Print Selection dan Print Custom Range.

Secara default settings seleksi halaman untuk dicetak pada Word 2010 adalah Print All Pages. Ini berarti mencetak seluruh halaman yang terdapat dalam satu dokumen. Tapi kadang kita membutuhkan pencetakan hanya pada satu atau beberapa halaman tertentu saja. Jadi yang akan dilakukan adalah Print Halaman Terpilih di MS Word 2010.

Ketika akan mencetak sebaiknya melakukan pratinjau atau print preview terlebih dahulu untuk melihat tampilan dokumen yang akan dicetak. Pada versi sebelumnya menu print preview merupakan menu yang terpisah. MS Word 2003, menu File>>Print Preview, MS Word 2007 klik logo berbetuk bulat di kiri atas lalu klik Print Preview. Di MS Word 2010 print priview langsung terlihat pada bagian kanan jendela terintegrasi pada menu Print. Jika ingin melalui jalan pintas atau shortcut gunakan kombinasi tombol keyboard Ctrl+F2.
Bagaiamanakah cara…
34 comments
Read more