Saturday, April 30, 2011

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?
Gunakan atribut style="line-height: dengan nilai menggunakan satuan em, px atau %;" dalam paragrapraf, contohnya:



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;"


<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



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.


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

21 comments:

  1. 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
    Replies
    1. Terima kasih atas kunjungannya Zamrud Hijau, ok follow back ya...

      Delete
  2. Informasi nya ok banget gan .. Terima kasih yahh

    ReplyDelete
    Replies
    1. terima kasih kembali atas kunjungannya eljohn-us

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

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

    ReplyDelete
  5. info yang sangat bagus ..
    sangat bermanfaat...

    ReplyDelete
  6. gan kalo spasi bukan buat tulisan misal buat scrip lainya gimana?

    ReplyDelete
  7. berhasil di blog sy, thanks bgt infonya

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

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

    ReplyDelete
  10. 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
  11. 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
  12. sangat membantu, thanks sob..
    salam kenal Paxdhe Mboxdhe

    ReplyDelete

Jangan disimpan di dalam hati, lebih baik tuangkan dalam komentar. Walaupun hanya memasukkan link ke blog Anda iOu! akan sangat menghargainya...

Langganan artikel via email anda. Gratis!!!

Anda akan menerima kiriman posting terbaru dari blog ini melalui email

Enter your email address: