Mengatur Jarak Spasi, Baris, dan Paragraf di HTML

Posted by

Jika anda menggunakan Microsoft Word sangat mudah sekali mengatur jarak Spasi, Baris dan Paragraf yaitu hanya dengan klik dan drag, Tetapi di HTML anda harus mengerti kode - kode berikut :

  adalah kode untuk memberi jarak spasi antar karakter
<br> adalah tag untuk memberi jarak spasi antar baris
<p> adalah tag untuk membuat paragraf

<br> dan <p> adalah tag tunggal karena tag tersebut berdiri sendiri tanpa tag penutup. Tag <p> mempunyai attribut, salah satunya adalah align yaitu attribut yang berguna untuk perataan text pada paragraf. Penempatan attribut berada didalam tag, Untuk lebih jelasnya perhatian dan ikuti langkah berikut :
1. Buka Notepad
2. Ketikkan kode berikut :



<html>
<head><title> Jarak Spasi, Baris dan Paragraf di HTML</title></head>
<body>
<p align="center">Saya adalah orang pekalongan asli, lahir di kelurahan landungsari Rt.02 Rw.01 Kecamatan Pekalongan TImur. Lebih tepatnya rumah saya Gg. 1c yaitu depan Terminal Lama Pekalongan, Siapa yang mau mampir silahkan hubungi saya dulu coz saya jarang dirumah...hehehehhe..
<p align="right">Sebagai Pemuda yang selalu bersemangat untuk maju maka saya selalu mengasah kemampuan dengan hal - hal yang bermanfaat, bukan sekedar kongkow - kongkow yang gak jelas. Walau di tempat saya Kental dengan dunia Hitam, Premanisme, Judi, Miras dll tapi saya adalah anak yang baik hati dan tidak sombong...(karena gak ada yang bisa di sombongin....Hiks)
<p align="left">Hidup dan dibesarkan bukan ditempat berlimang harta tetapi dengan penuh kasih sayang dan Keluarga yang mempunyai tingkat Religius Lumayan lah, walau kakak preman terminal.....wekekekkeke
</body>

</html>


3. Simpan dengan nama jarak.html
4. Buka Browser anda kemudian Pilih File - Open - jarak.html
5. Lihat Hasilnya, kemudian pahami ndiri ya.... klo belum paham Call With Me.
6. Selamat Mencoba


<
Blog, Updated at: 15.17

69 komentar:

  1. thanks banget artikelnya...salam dari indoster.blogspot.com

    BalasHapus
  2. makasih ya mas atas ilmunya..... wekekekeke.... dapet juga akhirnya.....

    BalasHapus
  3. maaf mas, memang tag <br> tanpa penutup, tapi tag <p> ada penutup </p>. masukan aja, untuk indonesia :)..

    BalasHapus
  4. mks artikelnya,apa ini berlaku untk mgtik di microsoft word

    BalasHapus
  5. ilmu baru nih

    kalau mau memberi jarak antar image / banner dalam satu tabel bagaimana sob????

    BalasHapus
  6. terima kasih infonya.

    BalasHapus
  7. bagus gan thanks
    http://bluecurut.blogspot.com

    BalasHapus
  8. maksih mas
    http://bodhat21.blogspot.com

    BalasHapus
  9. Ok gan sudah dipraktekan dan berrhasil

    BalasHapus
  10. http://ber-bagikan.blogspot.com/2014/06/mindtalkcom-jejaring-sosial-yang-akan.html

    BalasHapus
  11. thanks menurut saya membantu sekali

    BalasHapus
  12. Thank bro !!!
    ni web gw kasih tau k tmn gw yah ?

    BalasHapus
  13. ane coba dulu gan cz ane maungerapihin tempe ane :D moga2 berhasil

    BalasHapus
  14. Samsung Xpress SL-M2070 Toner dolum yapılmaya müsait kartuş kullanmakla birlikte ucuz dolum yapılması zor yazıcı tonerleri arasında bulunmaktadır. Ucuz samsung 2070 toner dolumu yapılmamasının sebebi kartuşun üzerinde bulunan çip adındaki elektronik kart kullanmasından kaynaklıdır. sl m 2070 w yazıcıların kullandığı mlt-d111 kartuşun kullandığı chip detaylı çipler arasında bulunduğundan pahalı chip fiyatları samsung m2070 toner dolum dışında ucuz samsung m2070 muadil toner fiyatlarını pahalı biçime getirmektedir.
    Yalnızca dolum yapılarak kullanılmaya çalışıldığında kaliteli kopyalama yapması mümkün olmadığından ilgili yazıcı kartuşunun yenileme yapılarak kullanılması birim kopya fiyatlarını yükseltmektedir.
    Uygun fiyatlara satılan yazıcıları tercih eden kullanıcıların satın almaları ardından yüksek maliyetlerle kullanmak zorunda kaldıklarından sıkıntı yaşamaktadırlar.
    Samsung sl-m2070 dolum fiyatları yüksek olması yanında kaset tankı içerisinde bulunan toner tozu miktarı düşük olduğundan % 5 doluluk oranı esas alınarak kopyalama yapıldığında 1000 sayfa çıktı vermesi dolumcuyla sıkça karşılaşılmasını sağlamaktadır. sl-m2070 fiyatı açısından dikkate alınmadığında kaliteli kopyalama yapma özellikleri taşıyan küçük ebatları nedeniyle gerek ev, gerekse iş yerlerinde kolayca kullanılabilen yazıcı modelleri arasındadır.
    m 2070 yazıcı satın almamış araştırma yapıyorsanız baskı maliyetleri düşük yazıcılar arasından seçim yaparak düşük maliyetli ürünler arasından seçim yapmanızı öneririz.
    Satın almış bulunuyorsanız ucuz doldurma yapmak yerine garantili yenileme yapılmasını tercih etmenizi öneririz.
    Firmamızın web sitesinde bulunan fiyatlar orjinal kalitede yenileme yapılmış kartuş fiyatları olmakla beraber, satışını yaptığımız muadil (yan sanayi) ürünlerin tamamı orijinal kartuştan farksız kaliteye sahiptir.

    BalasHapus
  15. Sangat membantu sekali infonya karena mengatur jarak spasi sangat penting pada blog / web.

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

    BalasHapus
  16. sangat bermanfaat pak :) ijin boomark :)

    BalasHapus
  17. mas kok bisa domainnya blogspot.ch?

    BalasHapus
  18. Tulisannya sedikit, tetapi berbobot sekali. Makasih ya....

    BalasHapus
  19. makasih infonya gan

    http://strategingeblog.blogspot.com/

    BalasHapus
  20. Gan numpang tanya kalo kita bikin semodelan katalog gambarnya mau disejajar jajarin berikut masing masing keterangan gambarnya, itu gimana yaa ? saya bisa ngesejajarin gambarnya aja tapi buat keterangan gambarnya susah dan belum tau.

    BalasHapus
  21. kalau mengatur spasinya bagaimana??

    http://mathcyber1997.com

    BalasHapus
  22. Sip, sangat bermanfaat. Terima kasih informasinya.

    BalasHapus
  23. It is apparent that no concern exactly how appealing your blog posts are, on your ID, folks will certainly never include their likes on these events such as images and videos without strong 'ask for action'. buy targeted facebook likes

    BalasHapus
  24. Terima kasih atas infonya gan. Sangat bermanfaat jika ingin menambah spasi, Enter(ganti baris), dan paragraf(agak menjorok ke dalam).

    Kunjungi blog saya ya: https://tedsu.mahasiswa.atmaluhur.ac.id
    dan website kampus saya: http://www.atmaluhur.ac.id

    BalasHapus
  25. holaaaaaaaaa,
    artikel dengan judul mengatur jarak spasi, baris, dan paragraf di HTML ini sangat bagus..
    dan di HTML ini kita harus terlebih dahulu mengenal kode &nbsp, br, p

    dalam artikel ini dibuat 6 langkah cara,dan dituliskan dalam artikel ini contoh yang sederhana dan dibuat semudah mungkin saat mempraktekkannya menurut saya..
    thanks admin


    jangan lupa kunjungi website kampus kami http://www.atmaluhur.ac.id

    dan website saya https://akbarfitriansyah.mahasiswa.atmaluhur.ac.id

    BalasHapus
  26. sangat membantu otak saya ni bisa belajar yang beginian hhe :)

    Ini website saya : https://rikaristilia.mahasiswa.atmaluhur.ac.id/
    Ini website kampus saya : http://atmaluhur.ac.id

    BalasHapus
  27. thanks gan , saya dapat ilmu dari tulisan si mimin , dengan ini saya nanti bisa coba otak atik html supaya menambah ilmu sedikit untuk saya ,
    thanks min tulisan singkat yang bermanfaatnya ..


    oiaa ,,,

    jangan lupa kunjungi website saya di : https://ria.mahasiswa.atmaluhur.ac.id/

    dan website kampus saya
    di : http://www.atmaluhur.ac.id

    BalasHapus
  28. terima kasih gan ,atas informasinya dengan ini saya nanti bisa coba otak atik html supaya menambah ilmu sedikit untuk saya.

    jangan lupa kunjungi website saya:http://sopiantoro.mahasiswa.atmaluhur.ac.id

    dan website kampus saya:http://www.atmaluhur.ac.id

    BalasHapus
  29. terima kasih gan infonya

    http://viplagu.com/

    BalasHapus
  30. terima kasih gan infonya bagus, ternyat begini Mengatur Jarak Spasi, Baris, dan Paragraf di HTML ...
    Kunjungi juga website saya di : https://bagussmj.mahasiswa.atmaluhur.ac.id/
    dan website kampus saya di : http://www.atmaluhur.ac.id/?

    BalasHapus
  31. thanks gan, infonya mudah dipahami berguna dalam Mengatur Jarak Spasi, Baris, dan Paragraf di HTML.
    Kunjugi website saya https://randi96.mahasiswa.atmaluhur.ac.id/
    dan website kampus saya juga ya http://www.atmaluhur.ac.id/

    BalasHapus
  32. Kalau untuk jarak tab biar rata gimana bang? Untuk artikel blog

    BalasHapus
  33. jadi bisa mengatur spasi, makasih

    BalasHapus
  34. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  35. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  36. dalam penulisan arab yang teksnya panjang dan akan pindah ke baris bawahnya, tetapi kenapa teks atas dan bawah bisa berhimpitan, bgmn cara membuat pemisahnya ? tapi kl kalimatnya pendek bisa kita gunakan pemisah br
    , yg jadi masalah ketika kalimatnya panjang dan tentunya akan berada di baris bawah dan hurufnya menjadi dempet. apa ada yg tahu solusinya ? thanks all !

    BalasHapus
  37. Harusnya jangan ada kata "kemudian pahami ndiri ya....".
    Lebih baik "lihat hasilnya dan dipahami".
    SEDIKIT KONTROVERSI gitu lho... Langsung kena di hati pembaca

    BalasHapus
  38. MENCARI pengunjung baru itu gampang, tapi MEMPERTAHANKAN pengunjung itu sulit agar dapat kembali lagi.

    BalasHapus