Berkenalan Dengan HTML (Hypertext Markup Language) - Lusi Dan

poto/pixabay

Web design merupakan cabang dari pemrograman. Membuat teks yang menarik, memasukkan gambar, atau video, untuk mendukung penyajian informasi di dalam suatu website. Memiliki peran yang cukup penting, untuk menarik perhatian pengguna.

Hal dasar ketika membuat suatu website, yaitu dapat dilakukan dengan menyusun coding sederhana berbentuk tabel, menggunakan HTML (Hypertext Markup Language). Sedikit bercerita, saya pertama kali mempelajari hal ini saat belajar di SMK (Sekolah Menengah Kejuruan).

Awal mula mengenal coding, langsung muncul rasa tertarik. Karena dengan sederetan huruf tersebut bisa membuat tampilan yang cantik. Pada saat itu, bisa menampilkan gambar dengan posisinya berada di kana, kiri, atau tengah.

Untuk mempelajari HTML tidaklah sulit, seperti saya sebagai seorang pemula, cukup mengikuti instruksi yang ada dari tutorial. Sampai saat ini, juga masih tahap belajar. Sebelum mengenal coding, lebih baik kita mempersiapkan beberapa software aplikasi yang diperlukan.

 

Code Editor

Pada saat masa sekolah dulu, mengetik coding menggunakan Notepad biasa. Dengan tampilannya yang putih polos, cukup memudahkan dalam mengerjakan HTML. Kekurangannya ialah,  jika ada kesalahan akan sulit untuk dicari, karena tidak ada keterangan nomor baris pada sisi sampingnya. Kini juga tersedia, Notepad⁺⁺, dengan tampilan lebih interaktif.

poto/pribadi

Sublime Text

Ketika sudah lulus kuliah dan mengikuti beberapa kursus online, barulah mengenal Code Editor yang satu ini. Banyak fitur-fitur yang tersedia, jika memilih View-Syntax-HTML, maka struktur dasar bisa dibuat secara otomatis.

Dengan cara, ketika sudah membuat file baru dan menyimpannya, lalu ketik HTML, kemudian tekan tombol TABULASI(TAB), maka sudah bisa tampil. Tanpa harus mengetik secara satu demi satu. Dapat menghemat waktu, juga menjadi pembeda antara code.

Kedua lembar kerja tersebut, sangat umum digunakan. Proses pemasangan(penginstallan) ke komputer, juga tidak sulit, ukuran tidak terlalu besar. Walaupun masih banyak Code Editor yang lain, seperti Dreamweaver CS6, Visual Studio Code, dan lain sebagainya. Dengan kelebihan dan kekurangannya masing-masing. Kalau saya sangat nyaman menggunakan Sublime Text 3.

Jaringan LocalHost

Jaringan LocalHost adalah, jaringan yang hanya dapat diakses oleh komputer atau laptop pribadi saja. Fungsinya yaitu untuk mencoba dan memeriksa apakah coding yang telah ditulis sudah berjalan baik sebelum dipublish. Nah, untuk memulai HTML langkah berikutnya ialah menyiapkan jaringan dalam bentuk localhost, melalui software XAMPP Control Panel.

poto/pribadi

Buka aplikasi tersebut dengan cara, double click pada icon yang tertera di layar Dekstop komputer atau laptop. Lalu aktifkan sistem Apache dan Mysql.

Ketika semua software sudah terpasang/terinstal, maka pemrograman HTML dapat dikerjakan. Membuat tampilan website secara sederhana, mudah dilakukan oleh siapa saja. Segala hal pasti bermula dari hal kecil. Jika dimulai dengan coding sederhana, namun sering dilatih maka akan menjadi ahli pada akhirnya.