Home» HTML» Mengatur Jarak Spasi, Baris, dan Paragraf di HTML

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
Contoh Blog di 15.17

70 komentar:

  1. Unknown23 Februari 2009 pukul 17.06

    tukar link donk

    BalasHapus
  2. Unknown23 Februari 2009 pukul 17.06

    selamat jadi nominasi

    BalasHapus
  3. rajalampu.blogspot.com7 April 2009 pukul 20.40

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

    BalasHapus
  4. kurniawan9 Mei 2009 pukul 11.57

    thanks ya buat nih info ..

    BalasHapus
  5. pda-jalanan28 Mei 2009 pukul 05.21

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

    BalasHapus
  6. maspai6 Maret 2010 pukul 10.52

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

    BalasHapus
  7. Berita Lampung27 Maret 2010 pukul 18.39

    wah mantab nih

    BalasHapus
  8. EXP Jumper3 April 2011 pukul 16.22

    mantap.... newbie sekali,, cocok untuk guahttp://www.musikportal.tk

    BalasHapus
  9. review31 Juli 2011 pukul 23.28

    thanks brad

    BalasHapus
  10. Sultan Budi Lenggono27 Agustus 2011 pukul 11.35

    tengkyu

    BalasHapus
  11. Cherry Belle | Profil20 September 2011 pukul 10.06

    TENGS GAN

    BalasHapus
  12. Hp Terbaru | Spesifikasi Nokia C2-0320 September 2011 pukul 10.07

    infonya mantap ......... mkasih gan

    BalasHapus
  13. Samsung Galaxy22 September 2011 pukul 15.00

    mantap

    BalasHapus
  14. yathi19 September 2012 pukul 13.00

    mks artikelnya,apa ini berlaku untk mgtik di microsoft word

    BalasHapus
  15. Anonim7 Februari 2013 pukul 17.47

    terimakasih gan :)

    BalasHapus
  16. Anonim11 Februari 2013 pukul 15.32

    ilmu baru nih

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

    BalasHapus
  17. Anonim27 Februari 2013 pukul 17.31

    terima kasih infonya.

    BalasHapus
  18. Unknown16 Mei 2013 pukul 09.12

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

    BalasHapus
  19. Hero13 Agustus 2013 pukul 20.49

    maksih mas
    http://bodhat21.blogspot.com

    BalasHapus
  20. Anonim9 September 2013 pukul 16.23

    Suwun Nggeh Mas

    BalasHapus
  21. IQROZEN26 April 2014 pukul 16.42

    Ok gan sudah dipraktekan dan berrhasil

    BalasHapus
  22. desain rumah minimalis modern7 Mei 2014 pukul 02.26

    Makasih infonya gan

    BalasHapus
  23. Bos Berbagi9 Juni 2014 pukul 13.13

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

    BalasHapus
  24. Wikicek21 Juni 2014 pukul 17.48

    thanks menurut saya membantu sekali

    BalasHapus
  25. Unknown2 Oktober 2014 pukul 09.11

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

    BalasHapus
  26. cai wardana7 Desember 2014 pukul 02.46

    thanks gan infonatas ilmunya

    BalasHapus
  27. Tempat berbagi info menarik29 Maret 2015 pukul 16.48

    ane coba dulu gan cz ane maungerapihin tempe ane :D moga2 berhasil

    BalasHapus
  28. Belajar Search Engine Optimization30 Maret 2015 pukul 12.18

    makasih infonya gan, kebetulan lagi butuh ne.

    BalasHapus
  29. Samsung sl-m2070 toner dolumu5 Desember 2015 pukul 13.22

    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
  30. Kursus Komputer di Denpasar14 Desember 2015 pukul 12.57

    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
  31. Arief Sigli25 Februari 2016 pukul 00.40

    sangat bermanfaat pak :) ijin boomark :)

    BalasHapus
  32. jual alucobond2 April 2016 pukul 12.44

    ijin sedottt...

    BalasHapus
  33. brc19 Mei 2016 pukul 13.20

    mas kok bisa domainnya blogspot.ch?

    BalasHapus
  34. Muttaqin27 Juli 2016 pukul 14.21

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

    BalasHapus
  35. Unknown21 Agustus 2016 pukul 20.18

    Thanks infonya gan bermanfaat

    BalasHapus
  36. Alwinto22 Agustus 2016 pukul 07.27

    makasih infonya gan

    http://strategingeblog.blogspot.com/

    BalasHapus
  37. Unknown24 Desember 2016 pukul 09.40

    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
  38. Unknown17 Oktober 2017 pukul 15.04

    Ngak membantu sama sekali.,

    BalasHapus
  39. Sukardi25 November 2017 pukul 15.55

    kalau mengatur spasinya bagaimana??

    http://mathcyber1997.com

    BalasHapus
  40. Sewa Mobil Malang1 Desember 2017 pukul 19.03

    Sip, sangat bermanfaat. Terima kasih informasinya.

    BalasHapus
  41. Rental Mobil Batu Malang1 Desember 2017 pukul 19.04

    Izin praktek ya kak, matur nuwun

    BalasHapus
  42. Sri Kuncoro21 Januari 2018 pukul 20.51

    Mudeng, gan...
    Terima kasih...

    BalasHapus
  43. Agen LadyFem27 Januari 2018 pukul 22.22

    Terima Kasi ya atas artikelnya ya Makassar

    BalasHapus
  44. Agen LadyFem27 Januari 2018 pukul 22.23

    Makassar ABE

    BalasHapus
  45. Unknown28 Maret 2018 pukul 13.47

    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
  46. erawisata22 April 2018 pukul 07.16

    Siip brow, mantab jiwo

    BalasHapus
  47. kuliner22 April 2018 pukul 07.19

    mau donk info baru lagi

    BalasHapus
  48. Unknown14 September 2018 pukul 08.56

    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
  49. Unknown8 Oktober 2018 pukul 10.57

    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
  50. Unknown25 Oktober 2018 pukul 10.46

    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
  51. Unknown26 Oktober 2018 pukul 23.49

    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
  52. Unknown27 Oktober 2018 pukul 00.15

    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
  53. Unknown28 Oktober 2018 pukul 23.54

    terima kasih informasinya gan,

    WEB saya

    BalasHapus
  54. Unknown28 Oktober 2018 pukul 23.54

    terima kasih informasinya gan,

    WEB saya

    BalasHapus
  55. Unknown28 Oktober 2018 pukul 23.55

    terima kasih gan infonya

    http://viplagu.com/

    BalasHapus
  56. koko adyarto12 November 2018 pukul 01.46

    makasih gan sukses

    BalasHapus
  57. Unknown14 November 2018 pukul 18.53

    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
  58. Randi9626 November 2018 pukul 21.47

    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
  59. amy18 Januari 2019 pukul 00.54

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

    BalasHapus
  60. bns2 Februari 2019 pukul 15.01

    jadi bisa mengatur spasi, makasih

    BalasHapus
  61. SNAPPY16 April 2019 pukul 14.13

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  62. blogindo11 Agustus 2019 pukul 18.01

    makasih dah berbagi

    BalasHapus
  63. Idrus Elby20 Januari 2020 pukul 10.24

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  64. Idrus Elby20 Januari 2020 pukul 10.26

    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
  65. Pandu9 November 2020 pukul 14.05

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

    BalasHapus
  66. Pandu9 November 2020 pukul 14.07

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

    BalasHapus
  67. Anonim18 Agustus 2024 pukul 07.27

    kalau untuk enter selain < br > apa yah gan
    apk themes for wordpress

    BalasHapus