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:

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

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.

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. 

Sumber refrensi: http://www.w3schools.com/html/default.asp

iOu!

Sertifikatkan kemampuan Komputer dan Bahasa Inggris anda
Sertifikat Komputer tanpa ikut kursus, Ikuti Paket Ujian Saja
Klik Disini