Blogger Newbie : Bagaimana memulai belajar Coding?

J  ika ingin tahu isi yang tersirat dari halaman website, maka bagian paling mudah ditemukan adalah dokumen HTML. Isi HTML mencakup code HTML, CSS, Javascript. script jQuery dan berbagai script lain yang terintegrasi didalamnya. Dokumen HTML template – untuk platform blog blogger – misalnya, bisa dilihat dengan cara berikut :

• Masuk ke account Blogger.
• Pilih menu Template > Edit HTML.

Dokumen HTML template blog Blogger

Jika ingin mengotak-atik isi dokumen blog, maka mutlak harus mempelajari HTM. Mungkin terasa menakutkan dan gamang.

Darimana memulainya?

Mulailah dari materi paling mudah dipahami dan pelajari dalam jumlah kecil dari tag-tag HTML paling dasar. Untuk selanjutnya lakukan "Learning by Doing" dan "Try and Error" atas source website atau blog. Tentu saja setelah Anda buat backup-nya. 

Kemudian sedikit demi sedikit mulai belajar CSS dan script (javascript) dan lainnya.

Bagaimana memulai belajar coding website blog?

Mulailah dari materi paling mudah dipahami. Cara paling mudah adalah : Mulai mempelajari dalam jumlah kecil dari tag-tag HTML paling dasar.  Seperti  setiap paragraf atau alinea berada di antara tag pembuka paragraf <p> dan tag penutup paragraf </p>

• <p> ISI PARAGRAF </p>

Atau <br /> berfungsi sebagai “line break” pemutus baris atau untuk pindah ke baris baru di dalam paragraf atau di antara 2 paragraf.

Singkat kata, kenali tag-tag yang paling sering Anda temui seperti tag-tag yang sering ada di bawah kotak komentar pada banyak website. Seperti di bawah ini :

• Allowed HTML tags :
  <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><span>

Keterangan gambar tabel :
Kolom paling kiri       :   Berisi nama tag dan/ atau penjelasan tag
Kolom tengah           :   Contoh penulisan tag dalam dokumen HTML
Kolom paling kanan  :   Hasil tampilan yang terlihat pada halaman website (webpage)

Untuk informasi lebih lanjut lihat Spesifikasi HTML W3C atau gunakan mesin pencari favorit Anda untuk menemukan situs lain yang menjelaskan HTML.

Anda juga perlu mengenali karakter-karakter yang tidak lazim dan biasanya bisa langsung diketik tanpa masalah.  Namun jika Anda menemui masalah, coba gunakan entitas karakter HTML.

Sebuah contoh umum seperti & untuk karakter ampersand &. Untuk mendapatkan daftar lengkap entitas, silahkan melihat halaman entities HTML. Beberapa karakter yang tersedia adalah :

Perhatikan! Setiap entitas karakter pada tabel diatas – diawali dengan “&” dan diakhiri dengan “;”

Untuk lebih memahami perhatikan elemen link berikut ini.

1. Bentuk source HTML :
   
   
   <a href=”website-download.blogspot.com”>MENGENAL ENTITAS KARAKTER</a>
   
   
2. Bentuk entitas karakter HTML  :
   
   
   &lt;a href=”website-download.blogspot.com”&gt;MENGENAL ENTITAS KARAKTER&lt;/a&gt;
   
   
3. Di halaman website atau blog akan tampak text-link seperti berikut :
   
   
   MENGENAL ENTITAS KARAKTER

Happy blogging! Happy blog blogger

---

SITEMAP

PETA WEBSITE DESIGN

THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW. Please drop your comment and questions ……

Anda sedang membaca Blogger Newbie : Bagaimana memulai belajar Coding?

Posted in: HTML-series,Interlude,Newbie-in-the-blog