Langsung ke konten utama

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. 

Komentar

  1. download free softwareSabtu, 11 Februari 2012 20.11.00 WIB

    thanks for the tutorial...

    BalasHapus
  2. Zamrud HijauSenin, 28 Mei 2012 01.51.00 WIB

    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/ )

    BalasHapus
  3. eljohn-usKamis, 21 Juni 2012 08.59.00 WIB

    Informasi nya ok banget gan .. Terima kasih yahh

    BalasHapus
  4. Optimasi Blog OpendIDSenin, 10 September 2012 08.27.00 WIB

    Sangat membantu sobat. Thks infonya

    BalasHapus
  5. mbogo.netRabu, 16 Januari 2013 21.52.00 WIB

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

    BalasHapus
  6. UnknownSabtu, 19 Januari 2013 01.33.00 WIB

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

    BalasHapus
  7. UnknownSabtu, 13 Juli 2013 01.00.00 WIB

    info yang sangat bagus ..
    sangat bermanfaat...

    BalasHapus
  8. WasimunMinggu, 27 Oktober 2013 03.03.00 WIB

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

    BalasHapus
  9. yadiebakhtiarMinggu, 17 November 2013 09.00.00 WIB

    berhasil di blog sy, thanks bgt infonya

    BalasHapus
  10. UnknownSelasa, 20 Mei 2014 00.16.00 WIB

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

    BalasHapus
  11. Heru Cahaya HRabu, 21 Mei 2014 11.48.00 WIB

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

    BalasHapus
  12. UnknownSelasa, 18 Agustus 2015 21.38.00 WIB

    terima kasih membantu gan

    BalasHapus
  13. UnknownSenin, 14 Desember 2015 13.09.00 WIB

    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

    BalasHapus
  14. UnknownKamis, 14 Januari 2016 15.25.00 WIB

    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

    BalasHapus
  15. Akhmad HasanuddinSabtu, 23 Januari 2016 06.51.00 WIB

    thanks sangat membantu

    BalasHapus
  16. Mas UnsyRabu, 23 Maret 2016 20.26.00 WIB

    sangat membantu, thanks sob..
    salam kenal Paxdhe Mboxdhe

    BalasHapus
  17. Javanese TransJumat, 01 Desember 2017 19.07.00 WIB

    Tambah ilmu lagi, makasih

    BalasHapus
  18. Isat JerrySelasa, 22 Januari 2019 13.15.00 WIB

    mantab infonya gan,,, sangat bermanfaat. mampir ya gan www.nyampling.com

    BalasHapus
  19. UnknownRabu, 11 Maret 2020 16.59.00 WIB

    ok makasih gan , ane praktekan dulu.
    di blog ane https://musikhade.blogspot.com
    makasih skali lagi...

    BalasHapus

Posting Komentar

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

Postingan populer dari blog ini

Cara Mudah Mengatur Jarak Antar Paragraf di Ms Word

Pada saat kita menulis suatu artikel dengan jarak 1 spasi. Biasanya jarak antar paragrafnya terlihat terlalu rapat. Sehingga sulit membedakan antar paragrafnya dan tulisan kita terlihat penuh serta membosankan. Solusinya, harus memberi jarak antar paragrap dengan satu kali Enter . Baru pada baris berikutnya melanjutkan pada paragrap selanjutnya. Ada cara yang lebih elegance untuk memberi jarak antar paragraf tersebut. Setiap kali membuat paragraf baru jarak menjadi lebih renggang. Kita dapat melakukannya dengan cara sebagai berikut:
6 komentar
Baca selengkapnya

Cara Cepat Menghapus dan Menambah Baris atau Kolom di Tabel Excel 2016

Menghapus dan menambah (menyisipkan) baris atau kolom tabel Excel mudah. Bagi operator computer pastinya sering melakukan ini ketika membuat buku kerja. Sebenarnya ada cara yang sangat cepat untuk melakukan itu. Baris adalah rentang sel (cell) horizontal, sedangkan kolom adalah rentang sel vetikal. Sel dalam Excel adalah kotak pertemuan dari baris dan kolom. Jika belum memahaminya silahkan buka tutorial tentang  Apa Yang Disebut Sel (Cell) Di Excel 2016 .
Posting Komentar
Baca selengkapnya

Cara Membuat Variasi Halaman dengan Page Breaks dalam Dokumen Word 2016

Membuat variasi halaman dalam satu file dokumen sangat dimungkinkan dalam Word. Halaman dapat berbeda orientasi, berbeda ukuran margin, bahkan berbeda nomor halaman. Bermanfaat untuk membuat multi desain halaman. Pengaturan variasi halaman ini memanfaatkan fasilitas fitur Page Breaks dan Section Breaks (pemutus atau pemecah halaman). Ada beberapa pilihan dalam pengaturan page break dan section break. Aplikasi yang digunakan adalah Word 2016, dapat diterapkan juga di versi Word sebelumnya. Yang akan dibahas dalam artikel ini adalah penggunaan perintah menu dari tab Layout > group Page Setup > Breaks . Layout Breaks Page Breaks Page Column Text Wrapping Section Breaks Next Page Continuous Even Page Odd Page Menggunakan Perintah Menu Page Breaks Perintah menu Layout, Breaks, Page Breaks Perintah yang sama menu Insert, Page Break dan Page untuk membuat halaman baru Perintah Page Breaks, Page Jika menggunakan tombol Page Break yang di tab In
Posting Komentar
Baca selengkapnya

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. Bagai
39 komentar
Baca selengkapnya