Cara menulis Blog dengan HTML secara langsung (HTML Dasar)
Menulis blog dengan menggunakan fitur kompose sangat mudah dilakukan, tapi bagi sebagian orang kadang tidak menyukai fitur kompose ini. Alasanya hasil kode HTML pada artikel jadi berantakan, sehingga terkadang saat kita ingin mengedit sumber kode pada artikel tersebut malah jadi amburadul. Saya sendiri lebih menyukai menulis blog dengan mengetik HTML secara langsung, belajar HTML itu mudah. Kamu tinggal mengenal dan sering-sering menggunakan suatu kode, semakin sering kamu gunakan perlahan kamu akan mengenali kode tersebut.
Contohnya, orang ketika ingin membuat baris baru pasti menekan enter atau tombol ship bawah kan? Nah kalau daya sudah terbiasa menggunakan kode HTML "<br/> untuk membuat 1 baris baru dibawah. Kalau dilihat, hasil ketikan saya menjadi seperti ini:
Menulis blog dengan menggunakan fitur kompose sangat mudah dilakukan, tapi bagi sebagian orang kadang tidak menyukai fitur kompose ini. Alasanya hasil kode HTML pada artikel jadi berantakan, sehingga terkadang saat kita ingin mengedit sumber kode pada artikel tersebut malah jadi amburadul. Saya sendiri lebih menyukai menulis blog dengan mengetik HTML secara langsung, belajar HTML itu mudah. Kamu tinggal mengenal dan sering-sering menggunakan suatu kode, semakin sering kamu gunakan perlahan kamu akan mengenali kode tersebut.
Contohnya, orang ketika ingin membuat baris baru pasti menekan enter atau tombol ship bawah kan? Nah kalau daya sudah terbiasa menggunakan kode HTML "<br/> untuk membuat 1 baris baru dibawah. Kalian bisa lihat, jika ketikan saya menjadi seperti ini:
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
<p>!Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,</p> Agar mahir menulis kamu bisa gunakan notepad+, atau teks editor lainya. Kenali dan pahami terlebih dahulu bagaimana cara menulis dan memggunakan kode HTML, belajar dimulai dari kode dasar. Setelah memahami kode dasar barulah kamu coba sedikit memodifikasinta, misalnya dengan menamhahkan ukuran, margin, pading dll.
Berikut ini beberapa kode tag HTML yang saya pelajari
1. Baris baru dan paragraf.Dalam HTML baris baru seperti space kosong akan diabaikan oleh browser, dan sebagai penggantinya saya menggunakan tag <br/>. Atau saya bisa menggunakan kode paragraf yaitu <p> </p>, tetapi dalam penulisanya saya lebih sering menggunakan kode br. Karena bisa diatur antara jarak paragraf 1 dan paragraf kedua dengan menanbah kode br.
2. Pemasangan gambar
Gunakan tag <img>
<img src="Link URL gambar" alt=Keterangan" Gambar" width="Lebar gambar" height="Tinggi gambar"/>
3. Mengingat dan menghafal tag judul.
Semakin sering saya gunakan maka semakin ingat sata dengan kode yang satu ini. Dalam pembuatan judul saya biasa menggunakan tag h1,h2,h3,h4 tetapi terkadang saya menggunakan <b> sebagai penggantinya. Dikarenakan tag h1,h2,h3,h4 mempunyai margin dan padding default sehingga jarak antara paragraf dengan judul semakin jauh. contoh <h3>Judul Paragraf</h3>
4. Mengenal kode aligment dan list style.
Kode ini baru saya aplikasikan dan gunakan pada desember 2017 lalu, ya karena pada masa itu saya sedang belajar membuat situs auto like facebook. Aligmen digunakan untuk meratakan teks, bisa rata tengah, rata kiri,rata kanan bahkan bisa rata kanan kiri.
Kamu bisa menggunakan kode <center> sebagai contoh saya akan membuat tulisan rata tengah cara penggunaanya.
<center>Teks Ini ditengah</center>
Selain menggunakan tag center, kamu juga bisa menggunakan tag div. Misalnya seperti ini:
<div style="text-align:center">>Teks ini ditengah</div>
Nilai aligmen bisa diganti dengan center, left, right, justify.
5. Membuat daftar
Untuk membuat daftar tanpa nomor saya menggunakan kode <ul>, sedangkan membuat daftar bernomor saya menggunakan kode <ol>
- Daftar 1
- Daftar 2
Dalam penerapanya dibutuhkan kode <li>, sebagai pemisah antara daftar satu dengan daftar yang lainya. Sebagai contoh, tulisan diatas akan terlihat seperti ini:
<ul>
<li>Daftar 1</li>
<li>Daftar 2</li>
</ul>6. Membuat Permalink (HyperLink)
Gunakan tag <a> Contohnya
<a href="https:// URL Tujuan">Nama Teks Yang ditampilkan</a>
Kamu bisa menggunakan atribut target="_blank" (Buka Di Tab Baru), rel="nofollow" (Jangan Crawling), Sehingga kode versi lengkapnya seperti ini.
<a href="https:// URL Tujuan" target="_blank" rel="nofollow" >Nama Teks Yang ditampilkan</a>Kode diatas adalah sebaginya yang saya posting disini, sebenarnya masih banyak sih kode yang saya ingat diurutkan dari yang paling mahir yaitu HTML, PHP, CSS, JavaScript. Dari deretan kode diatas tidak semuanya saya kuasai hanya sebagian saya yang saya ketahui khususnya pada kode yang paling sering digunakan.
Ya hanya itu yang bisa saya sampaikan hari ini, saya lebih lama sekitar 3 tahunan karena belajarnya hanya bermodalkan hanphone. Tahun 2017 lalu sih saya masih menggunakan HP java, namun hp tersebut tidak bertahan lama dan inilah yang membuat saya terlambat belajar. Apalagi hp nya mempunyai spesifikasi dan dukungan yang terbatas, tapi setelah menggunakan android saya bisa belajar lebih baik hanya bantuan aplikasi Palapa Web server dan X-Plore Mod.
Sekarang ada cara yang lebih mudah untuk belajar koding, kamu bisa belajar secara online dan langsung praktek di https://www.w3schools.com/html/. Telusuri semua artikelnya dan coba menerapkan kode nya pada tulisan kamu. Catat jika kamu sering lupa, nanti buat mengaplikasikan kodenya kamu bisa menulis karangan hanya dengan teks editor / notepad kemudian untuk format file sebelum disimpan kamu gunakan .html, dokumen tersebut bisa dibuka via browser dan x-plore. Rata-rata ponsel android mempunyai aplikasi penampil HTML.