Apakah belajar HTML itu sulit?

Updated: 31 Mei, 2023 • 0 • min read

Table of Contents

Menurut saya, ilmu itu seperti sebuah biji yang tumbuh perlahan menjadi sebuah pohon. Daunnya lebat sehingga menjadi tempat yang nyaman untuk berteduh. Belum lagi buahnya yang banyak dan begitu manis. Ilmu juga terus tumbuh dan kemudian memperlihatkan manfaatnya bagi diri sendiri. Namun ibarat buah tadi, apa hanya dinikmati sendiri? atau membaginya pada orang lain sehingga mereka bisa ikut menanamnya, minimal merasakan manisnya.

Beberapa hari yang lalu, saya berniat merapikan folder-folder yang ada dalam laptop karena ada begitu banyak file yang berserakan belum lagi folder berbeda yang mungkin memiliki data yang sama. Saya sempat merenung ketika menyadari begitu banyak file yang berisi tutorial blog. Tak terasa sudah 6 tahun saya ngeblog, ada begitu banyak ilmu seputar blog yang saya dapatkan dalam rentang waktu itu. Namun setelah merenungi, ternyata manfaat itu umumnya saya rasakan sendiri, hanya sedikit yang sempat dibagikan kembali. Saya bahkan mengibaratkan diri sendiri seperti seorang yang memiliki pohon yang berbuah namun terus menyimpan buah-buah tersebut dalam kulkas hingga akhirnya muncul pertanyaan "Mau diapakan buah sebanyak ini?"

Ini kembali menjadi motivasi bagi saya untuk menulis karena beberapa saat yang lalu sempat tidak posting, sebenarnya kemarin itu sedang sibuk utak-atik template lagi agar ukurannya bisa pas saat dibuka menggunakan perangkat mobile. Berhubung ada begitu banyak tutorial yang saya pelajari tentang blog mari sama-sama mempelajarinya. Sebagai pemanasan, kali ini saya akan perkenalkan HTML dan CSS (CSS akan dibahas pada postingan berikutnya), kedua bahasa program inilah yang memegang peranan penting pada tampilan sebuah blog. Apakah belajar HTML itu sulit?

HTML

Singkatan dari HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi [Wikipedia].

Mengapa HTML menjadi hal dasar yang harus dipelajari oleh blogger? Karena html ini adalah penyusun utama sebuah halaman, ia ibarat rangka/tiang. Baiklah, dibanding berteori tentang HTML, gimana kalau langsung mempraktekkan kode HTML dasar. Sebelumnya siapkan dulu aplikasi editor teks kalian, contohnya Notepad (Windows), Gedit (Linux), TextMate (Macintosh), bahkan pengguna Android juga bisa melakukannya dengan mengunduh aplikasi text editor terlebih dahulu (jika bingung memilih aplikasi, silahkan install Jota Text Editor).

Setelah siap, silahkan ketik atau salin kode berikut:

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

Halo Dunia !!!

Belajar HTML bersama BiluPing

</body>

</html>

Kemudian Save file dengan nama "tahap1.html" Yang perlu diperhatikan adalah: ekstensi atau akhiran nama file harus menggunakan ".html". Sebelum melanjutkan, saya akan menjelaskan sedikit tentang arti dari kode diatas

Tag <html> ditutup dengan </html> adalah tag yang menginformasikan pada browser bahwa kode tersebut adalah dokumen HTML.
Tag <head> ditutup dengan </head> adalah pembuka, tag ini biasanya berisi tag judul halaman atau metatag yang dibutuhkan oleh server. Kecuali judul halaman, apapun yang ditulis antara tag ini tak akan muncul di browser namun data tersebut tetap dibutuhkan, contohnya meta tag yang dibutuhkan oleh mesin pencari.
Tag <title> ditutup dengan </title> tag yang bertugas menampilkan judul halaman di bagian atas browser.
Tag <body> ditutup dengan </body> adalah badan dokumen. Semua struktur sebuah halaman tersimpan antara tag ini. Bisa dikatakan bahwa, apapun yang muncul di layar berasal dari tag ini.
Tag ditutup dengan (Paragraf), menginformasikan pada browser bahwa ini adalah sebuah paragraf.

Sekarang silahkan buka file yang telah di save sebelumnya. Karena tadi di save dengan ektensi *.html maka file tersebut akan otomatis dibuka oleh browser. Jika tak ada yang salah ketik, tampilannya akan menjadi seperti ini:

Gimana, mudah kan? Mari kita coba praktekkan contoh lain. Kita akan membuat 3 paragraf namun kali ini menggunakan efek bold, italic, underline dan pewarnaan huruf. Paragraf pertama hurufnya berwarna biru dengan tambahan atribut Bold / huruf tebal, paragraf kedua dibiarkan dengan tampilan biasa, dan paragraf ketiga diberi warna hijau dengan tambahan atribut Italic / huruf miring dan Underline / garis bawah. Silahkan salin kode berikut pada file baru anda atau bisa menyalin kembali pada file sebelumnya.

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

Belajar HTML itu mudah.

Tak ada kesuksesan tanpa usaha, tak ada usaha tanpa memulai.

Kalau susah, terus belajar dan jangan menyerah.

</body>

</html>

Kemudian jangan lupa save dengan nama "tahap2.html". Kemudian buka file tadi menggunakan browser.

Atribut memberikan informasi bahwa huruf yang berada diantara dan menggunakan efek warna. Demikian juga dengan , , dan .

hasilnya akan seperti ini:

Belajar HTML itu mudah.

Tak ada kesuksesan tanpa usaha, tak ada usaha tanpa memulai.

Kalau susah, terus belajar dan jangan menyerah.

Tidak terlalu sulit kan? Salah satu hal yang perlu diperhatikan saat menuliskan kode html adalah pasangan/penutup dari tag tersebut. Tag <html> ditutup dengan tag </html>, dan urutannya harus sama, jika kode A yang membuka, kemudian ada kode B di dalamnya maka kode B tersebut harus menutup dulu kemudian ditutup oleh kode A. Contoh urutannya seperti ini: ABCDDCBA (benar), ABBCDDCA (benar), ABBCCDDA (benar), ABCDCBDA (salah).

Tapi tidak semua tag memiliki pasangan, ada kondisi dimana suat tag justru tidak memiliki pasangan. Contohnya Break yang sering muncul di blogspot. Tag ini tak memiliki pasangan karena berfungsi sebagai ganti baris.

Gimana sahabat BiluPing, tidak terlalu rumit kan? Cukup kenali dulu hal-hal dasarnya dan jangan ragu untuk terus mencoba. Jika mengalami kesulitan, jangan ragu untuk tinggalkan komentar.

Apakah belajar HTML itu sulit?

Posting Komentar