asiknya nulis blog dengan kode html, gak perlu kemampuan ekstra
Blog Kak Ryan - Kebanyakan orang mungkin sudah terbiasa menulis blog dengan bantuan fitur kompose atau penyunting teks otomatis. Kolom seperti itu sering kita gunakan pada beberapa media publishing blog seperti blogger.com, kompasiana.com, wordpress dan masih banyak lagi. Pada umumnya kolom itu dilengkapi dengan javascript yang akan mengkonversi gerakan drag dan drop, baris baru, tesk tebal warna latar dan berbagai hal lainya menjadi kode HTML.
Menggunakan penyunting teks otomatis memasang mempermudah kita dalam menulis sebuah artikel, akan tetapi kode yang dihasilkan dari alat tersebut sangat berantakan dan tidak teratur. Suatu saat jika kita ingin menyunting kode HTMLnya maka kita akan kesulitan mencari suatu kode saja, karena gaya penulisanya sangat berantakan bahkan bikin otak kita pusing mikirinya. Jujur saja saya lebih suka menulis blog dalam dokumen HTML langsung daripada menggunakan kompose blogger.
Menulis langsung bisa membuat hasil catatan kita jauh lebih rapih daripada hasil otomatis yang dikonversi oleh javascript. Sekarang apakah kamu mau belajar menulis artikel dalam kode htm langaung? Jika tertarik Yuk belajar bersama saya dibawah ini.
Dalam html ada beberapa kode yang harus kamu ingat, bukan dihafal tapi diingat. Catat bila perlu dan rajin-rajinlah menggunakanya, suatu saat kamu akan terbiasa dan mengingat kodenya.
1. Membuat baris baru
Dalam html kita bisa membuat baris baru dengan menggunakan kode <br/>, jika ingin membuat suatu space diantara beberapa paragraf kamu bisa mengetikan kode tersebut sebanyak 2x, intinya satu kode akan membuat baris baru.
2. Menyusun paragraf
Paragraf yang terdiri dari beberapa kalimat bisa kita susun dengan menggunakan kode <p> dan penutupnya </p;>, cara penggunaanya cukup mudah saat membuat kalimat untuk satu paragraf kamu harus menambahkan kode <p> kemudian diakgir paragraf kamu harus menutupnya dengan kode <p> lebih jelasnya seperti dibawah ini:
2. Membuat judul besar. Kamu bisa menggunakan kode <h1> untuk membuatnya, caranya cukup tambahkan kode <h1> kemudian kamu gunakan juga penutupnya diakhir kalimat menggunakan </h1>, angka h1 bisa diganti dengan h2,h3,h4, dan h5 semakin ke angka lima maka teksnya akan semakin kecil. Cotohnya.
3. Membuat teks tebal.
Teks tebal biasanya kita gunakan sebagai judul yang ditonjolkan, kamu bisa menggunakan kode <b> lalu jangan lupa gunakan juga penutupnya </b> cara penulisanya kamu bisa lihat dibawah ini.
4. Menambahkan gambar, gambar pada blog ditambahkan atas dasar URL file gambar. Jadi sebelum menambahkan gambar pastikan kamu sudah menyalin link gambarnya, untuk kodenya kamu bisa menggunakan tag <img> serta konfigurasinya seperti dibawah ini.
Baca juga:
5. membuat daftar.
Daftar bisa kita buat dengan menggunka kode <ol> kode ol adalah daftar yang disertai dengan urutan angka otomatis. Ata bisa juga menggunakan kode <ul>,urutan datanya hanya dilengkapi dengan titik. Kode diatas menghasilkan jarak teks lebih jauh dari kiri, dan untuk membuat daftarnya kamu bisa menggunakan kode <li>. Contoh lengkap bisa kamu lihat dibawag ini.
6. Memberi warna teks. Kamu bisa menggunakan kode <font colot="kode warrna">, atau bisa menggunakan kode <span style="color:kode warna">, Contohnya bisa kamu lihat dibawah ini:
7. Membuat hyperlink yang bisa di klik.
Untuk membuatnya kamu bisa menggunakan tag <a href="link tujuan">Nama yang akan ditampilkan</a>, Contohnya sebagai berikut.
Untuk sementara mungkin hanya itu saja sekiranya kode HTML yang wajib kamu ingat setiap menulis artikel. Salahs satu contoh artikel yang ditulis secara manual dengan kode html adalah artikel di blog ini termasuk artikel yang sedak kamu baca sekarang.
Menggunakan penyunting teks otomatis memasang mempermudah kita dalam menulis sebuah artikel, akan tetapi kode yang dihasilkan dari alat tersebut sangat berantakan dan tidak teratur. Suatu saat jika kita ingin menyunting kode HTMLnya maka kita akan kesulitan mencari suatu kode saja, karena gaya penulisanya sangat berantakan bahkan bikin otak kita pusing mikirinya. Jujur saja saya lebih suka menulis blog dalam dokumen HTML langsung daripada menggunakan kompose blogger.
Menulis langsung bisa membuat hasil catatan kita jauh lebih rapih daripada hasil otomatis yang dikonversi oleh javascript. Sekarang apakah kamu mau belajar menulis artikel dalam kode htm langaung? Jika tertarik Yuk belajar bersama saya dibawah ini.
Dalam html ada beberapa kode yang harus kamu ingat, bukan dihafal tapi diingat. Catat bila perlu dan rajin-rajinlah menggunakanya, suatu saat kamu akan terbiasa dan mengingat kodenya.
1. Membuat baris baru
Dalam html kita bisa membuat baris baru dengan menggunakan kode <br/>, jika ingin membuat suatu space diantara beberapa paragraf kamu bisa mengetikan kode tersebut sebanyak 2x, intinya satu kode akan membuat baris baru.
2. Menyusun paragraf
Paragraf yang terdiri dari beberapa kalimat bisa kita susun dengan menggunakan kode <p> dan penutupnya </p;>, cara penggunaanya cukup mudah saat membuat kalimat untuk satu paragraf kamu harus menambahkan kode <p> kemudian diakgir paragraf kamu harus menutupnya dengan kode <p> lebih jelasnya seperti dibawah ini:
<p>Paragraft pertatama bahasan kamu</p>
<p>paragraf berikutnya yang berisi bahasankamu</p>
<p>Paragraft ketiga dan seterusnya</p>2. Membuat judul besar. Kamu bisa menggunakan kode <h1> untuk membuatnya, caranya cukup tambahkan kode <h1> kemudian kamu gunakan juga penutupnya diakhir kalimat menggunakan </h1>, angka h1 bisa diganti dengan h2,h3,h4, dan h5 semakin ke angka lima maka teksnya akan semakin kecil. Cotohnya.
<h1>Kasus terduga linda riana hanyut disungai</h1>Kasus terduga linda riana hanyut disungai
3. Membuat teks tebal.
Teks tebal biasanya kita gunakan sebagai judul yang ditonjolkan, kamu bisa menggunakan kode <b> lalu jangan lupa gunakan juga penutupnya </b> cara penulisanya kamu bisa lihat dibawah ini.
<b> Ini adalah judul atau teks tebal</b>4. Menambahkan gambar, gambar pada blog ditambahkan atas dasar URL file gambar. Jadi sebelum menambahkan gambar pastikan kamu sudah menyalin link gambarnya, untuk kodenya kamu bisa menggunakan tag <img> serta konfigurasinya seperti dibawah ini.
<img src="https://link-gambar.jpg" width="100px" height="100px" alt="judul atau deskripsi gambar"/>Baca juga:
5. membuat daftar.
Daftar bisa kita buat dengan menggunka kode <ol> kode ol adalah daftar yang disertai dengan urutan angka otomatis. Ata bisa juga menggunakan kode <ul>,urutan datanya hanya dilengkapi dengan titik. Kode diatas menghasilkan jarak teks lebih jauh dari kiri, dan untuk membuat daftarnya kamu bisa menggunakan kode <li>. Contoh lengkap bisa kamu lihat dibawag ini.
<ul>
<li>Daftar satu</>
<li> Daftar Dua </>
<li> Daftar Tiga </>
<li>Daftar Empat</>
<li>Daftar Lima</>
<li>Daftar Enam</>
</ul>- Daftar satu
- Daftar Dua
- Daftar Tiga
- Daftar Empat
- Daftar Lima
- Daftar Enam
6. Memberi warna teks. Kamu bisa menggunakan kode <font colot="kode warrna">, atau bisa menggunakan kode <span style="color:kode warna">, Contohnya bisa kamu lihat dibawah ini:
<font color="red">Ini adalah teks warna merah</font>
<span style="color:yellow">Ini adalah tesk berwarna kuning</span>7. Membuat hyperlink yang bisa di klik.
Untuk membuatnya kamu bisa menggunakan tag <a href="link tujuan">Nama yang akan ditampilkan</a>, Contohnya sebagai berikut.
<a href="https://youtube.com/Ryanjauhari">Subcribe boss</a>Untuk sementara mungkin hanya itu saja sekiranya kode HTML yang wajib kamu ingat setiap menulis artikel. Salahs satu contoh artikel yang ditulis secara manual dengan kode html adalah artikel di blog ini termasuk artikel yang sedak kamu baca sekarang.