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

29 komentar:

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

    BalasHapus
  2. thanks ya buat nih info ..

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

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

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

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

    BalasHapus
  7. ilmu baru nih

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

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

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

    BalasHapus
  10. Ok gan sudah dipraktekan dan berrhasil

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

    BalasHapus
  12. thanks menurut saya membantu sekali

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

    BalasHapus
  14. thanks gan infonatas ilmunya

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

    BalasHapus
  16. makasih infonya gan, kebetulan lagi butuh ne.

    BalasHapus