Kode HTML dasar blogging merupakan susunan script yang terdiri dari berbagai attribut dan elemen-elemen tertentu. Fungsi dari kode Html adalah untuk membentuk berbagai macam tampilan di blog/website sesuai dengan struktur kode yang telah di tentukan.
HTML adalah singkatan dari HyperText Markup Language, yang merupakan bahasa pemrogrman web yang di rancang oleh W3C (World Wide Web Consortium). Sebuah organisasi internasional sebagai pengembang web yang menciptakan standar protocol serta format-format web global untuk meningkatkan kualitas situs website/blog di seluruh dunia.
W3C bukan hanya fokus pada kode pengembangan HTML saja, tapi juga kode CSS (Cascading StyleSheet), kode XML serta semua yang berhubungan dengan teknologi internet. W3C di dirikan oleh seorang bernama Tim Berners-Lee pada bulan Oktober 1994 yang juga penemu WWW (World Wide Web) di laboratorium ilmu komputer MIT (Massachusetts Institute of Technology).
Dengan semakin majunya internet, W3C tidak hanya berhenti di satu wilayah. Berselang hanya satu tahun dan tepatnya pada tahun 1995, W3C telah mendirikan cabang kedua di wilayah Eropa. Tepatnya di INRIA the (French Institute for Research in Computer Science and Automation).
Kode-Kode HTML Paling Dasar Wajib Di Hafal Oleh Blogger
Setelah membaca sekilas tentang HTML serta sejarah organisasi pengembang Web yaitu W3C. Sekarang saatnya kita bahas tentang tutorial sederhana menyusun atau menulis kode Html dasar di blog. Kita sebagai blogger pemula seharusnya mengenal, memahami dan menghafal kode-kode Html tertentu yang paling mudah.
Keuntungan dari menghafal tersebut akan membuat kita akan lebih mudah dan leluasa dalam aktifitas blogging. Termasuk membuat tampilan template, menampilkan gambar, membentuk paragraf, dan lain sebagainya. Yang semua ini kita lakukan dengan penulisan kode-kode tertentu sesuai dengan kebutuhan. Lalu, kode Html yang bagaimanakah seharusnya di hafal oleh blogger pemula?.
Di bawah inilah susunan-susunan kode yang Admin maksud. Silahkan di baca dan di perhatikan satu persatu hingga akhir artikel.
Membuat Tag Heading
Dalam sebuah blog, tag heading terdiri dari 6 bagian, yaitu H1 H2 H3 H4 H5 dan H6, setiap bagian memiliki fungsi masing-masing. Dan perlu di ketahui, bahwa dalam penulisan tag heading di dalam halaman blog maupun halaman postingan harus berurutan.
Contoh penulisan Tag Heading.
<h1>Judul Utama Postingan</h1>
..Lalu setelahnya, isi dengan teks artikel beberapa paragraf...
<h2>Sub Title (1) Judul Postingan</h2>
..Lalu setelahnya, isi dengan teks keterangan lebih lanjut beberapa paragraf...
<h3>Sub Title (2) Judul Postingan</h3>
..Lalu setelahnya, isi dengan teks artikel lebih lanjut dengan penjelasan lebih detail dan mendalam beberapa paragraf...
<h4>Sub Title (3) Judul Postingan</h4>
..Lalu setelahnya, isi dengan teks artikel dengan keterangan beberapa paragraf... Tag H4 dan H5 ini hanya opsi saja. Tidak di gunakan dalam halaman artikel tidak apa-apa. Sebab, tag H4 sudah ada di widget Komentar. H5 di bawahnya dan H6 terletak di Footer.
[Keterangan]..!, Tag heading (H1), sebenarnya sudah otomatis terletak di judul blog/website. Tapi menggunakan tag H1 di dalam halaman postingan juga di perbolehkan. Namun kita harus merubahnya sendiri di dalam template. Sebab, template asli blogspot pada judul postingan masih menggunakan tag H3. Untuk tag judul utama, kita tidak usah menulis di halaman artikel, sebab sudah ada di bagian form pengisian judul, namun tersembunyi.
Membuat Paragraf Di Artikel
Tentang apa itu paragraf, Admin kira tidak usah di terangkan. Sebab, Anda pasti sudah tahu. Lebih baik langsung pada pembuatan paragraf dengan kode Html.
Awalilah pembuatan paragraf dengan kode: <p>.. Isilah teks di sini dengan jumlah kata (word) sepantasnya. Lalu tutup dengan kode: </p>
Membuat Link Url Di Artikel
Link Url adalah tautan atau alamat sebuah halaman yang akan di tuju. Atau dengan kata lain Link Url ini di sebut dengan Anchor Text. Untuk membuat Link Url dalam artikel dengan Html, lihat contoh di bawah ini.
....Isi text artikel...
Baca Juga: <a href="https://NamaBlog.blogspot.com/2023/12/judul-postngan-terkait-artikel.html" title="judul-postngan-terkait-artikel">..Judul Postingan Terkait Artikel..</a>
Membuat Huruf Tebal (Bold) Di Postingan
Membuat huruf tebal di postingan dengan kode Html ini sangat simple. Fungsi huruf tebal (Bold) adalah untuk menandai suatu susunan teks yang penting agar di perhatikan oleh pembaca. Contohnya seperti di bawah ini.
...Layanan blog builder gratis itu banyak sekali di internet. Misalnya: Blogspot dan wordPress serta blog builder gratis lainnya...
Pada teks di atas bisa anda bandingkan mana yang teks yang tebal yaitu pada: teks Blogspot dan WordPress. Untuk kodenya seperti ini: <b>Blogspot dan WordPress</b>
Membuat Huruf Miring (Italic) Di Artikel
Setelah huruf Bold yang tak kalah pentingnya adalah huruf miring ITALIC. Bentuk huruf ini juga punya peran yang sama dengan Bold. Lihat contohnya di bawah ini.
..Untuk mendapatkan uang dari Blog, seorang blogger bisa daftarkan blog/websitenya di Google Adsense.
Untuk penulisan kodenya juga simple seperti ini: <i>Google Adsense</i>
Membuat Huruf Bergaris Bawah (Underline)
Bagaimana membuat huruf bergaris bawah (Underline)..?. Lihat contoh di bawah ini.
...Bitcoin adalah mata uang kripto yang di ciptakan oleh seorang atau kelompok bernama Satoshi Nakamoto. Pada teks Bitcoin dan Satoshi Nakamoto nampak ada garis bawahnya. Cara penulisannya seperti ini: <u>Bitcoin</u> dan <u>Satoshi Nakamoto</u>
Membuat Url Gambar Bisa Di Download
Mungkin ada yang masih belum tahu cara membuat link url gambar bisa di download. Lihat contohnya di bawah ini.
<a href="https://NamaBlog.com/folder/nama-gambar.png"><img src="https://NamaBlog.com/folder/nama-gambar.png"></a>.
Itulah cara penulisan kode Htmlnya, dan bila ada yang klik pada gambar, maka gambarnya akan terdownload.
Membuat Anchor Text Bergaris Bawah
Membuat Anchor Text bergaris bawah sebenarnya sama dengan contoh pada kode huruf (Underline) di atas. Bedanya, kita harus membuat link Url terlebih dahulu, setelah itu tepat pada Textnya di kasih kode Underline. Lihat contohnya di bawah ini.
<a href="https://NamaBlog.com/2023/12/title-atau-judul-artikel.html">Text Title Di Sini</a>.
Jadi, setelah tautan Url tersebut kita beri kode: <u> Text Title </u> lalu di tutup dengan </a>
Fungsi Belajar Kode HTML Dasar Untuk Pemula
Kode Html dasar yang telah Admin bagikan di atas, merupakan kode-kode yang wajib di hafal oleh blogger. Sebab, dalam menulis Artikel blog dengan mode HTML, tidak akan luput dari contoh kode-kode tersebut. Bagi pemula yang masih belum tahu sama sekali, mengandalkan mode Compose itu hal yang wajar. Tapi, setelah beberapa bulan ngeblog apakah masih seperti itu-itu saja.
Belajar script Html memang membutuhkan waktu agak lama. Tapi kalau sebatas kode dasar seperti pada tutorial sederhana ini, mungkin hanya satu atau dua bulan pasti hafal.
Pada intinya kalau kita punya kemauan dan keingintahuan yang besar, pastinya akan cepat memahami. Dan tak kalah pentingnya adalah selalu praktek setiap hari, karena inilah pemicu sebenarnya yang membuat kita cepat bisa.
Kode percontohan di atas tadi, merupakan kode paling penting di dalam pembuatan artikel. Bila kita praktek setiap hari membuat postingan, pastinya tidak akan luput dari semua contoh-contoh tersebut. Mulai dari Heading, Sub Heading, Paragraf, membuat link url serta kode-kode huruf penghias text seperti Bold, Italic dan Underline. Semua itu pastilah kita butuhkan dan harus di hafalkan.
Mempelajari kode Html yang sangat mendasar, termasuk salah satu ciri utama bagi seorang blogger yang ingin berkembang. Karena dari situlah seseorang dapat di lihat atas ketertarikannya pada teknologi yang berhubungan dengan dunia website/blog.
Secara perlahan dan berangsur tahap demi tahap. Blogger pemula yang ingin berkembang pasti tidak monoton dan selalu belajar. Dengan semangat belajar tersebut akan membawanya pada kesuksesan. Kita harus tahu bahwa menjadi blogger sukses butuh keterampilan, kesabaran dan kemauan besar. Hal tersebut bukanlah di tempuh dalam waktu yang singkat, namun di jalani selama bertahun-tahun.
Demikian Tutorial Sederhana Tentang Kode Html Dasar Blogging. Semoga bermanfaat.
Tidak ada komentar:
Posting Komentar