Belajar HTML Dasar Part 1 – Pengertian dan Struktur Penulisan

Sekilas tentang HTML

HTML dibuat oleh seorang ahli fisika dengan tim Berners Lee pada lembaga penelitian CERN yang ada di Swiss. Tim tersebut mempunyai ide mengenai sistem hypertext yang menggunakan basis internet. Tim Berners Lee mengeluarkan versi HTML yang pertama pada tahun 1991. Dalam versi tersebut terdapat 18 HTML tag. Hypertext merujuk pada teks yang terdapat referensi atau link untuk teks lain sehingga dapat diakses oleh pengguna.

Sejak tahun 1991, setiap HTML merilis versi terbarunya, selalu dilengkapi dengan attribute dan tag terbaru. Saat ini ada 140 HTML tag berdasarkan HTML Element Reference yang dimiliki oleh Mozilla Developer Network. Karena popularitas dan kemajuan teknologi, HTML terus berkembang dan meningkat. HTML sudah dianggap sebagai website standar yang sudah resmi.

HTML dikembangkan oleh W3C dengan upgrade yang besar pada tahun 2014. Hasilnya yaitu pengenalan tentang HTML 5 dengan semantic baru sehingga dapat memberitahukan arti dari konten HTML tersendiri. Adanya web browser bertujuan untuk memudahkan pengguna saat membuka dokumen yang berformat HTML. (source : qwords.com)

Sebagian besar website yang tersebar diseluruh dunia dibuat dengan menggunakan bahasa Struktural HTML (Hypertext Markup Language) dan teknologi CSS (Casecading Style Sheets) dengan kombinasi beberapa bahasa scripting seperti PHP, Javascript dll. Dokumen HTML adalah file yang diakhiri dengan ekstensi .html atau .htm. Ekstensi file ini bisa dilihat dengan mengunakan web browser apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file HTML dan me-render kontennya sehingga user internet bisa melihat dan membacanya.

Masing-masing halaman HTML terdiri atas seperangkat tags (bisa disebut juga elements), yang mengacu pada building block halaman website. Tag tersebut membuat hirarki yang menyusun konten hingga menjadi bagian, paragraf, heading, dan block konten lainnya. Sebagian besar element HTML memiliki tag pembuka dan penutup yang menggunakan syntax . Baiklah tanpa berlama-lama kita langsung masuk ke pembelajaran:

Penulisan kode HTML

Penulisan kode HTML adalah mengapit teks dengan dua tag yaitu tag pembuka <….> dan penutup </….> walaupun sebagian ada yang tidak memerlukan tag penutup seperti <img>, <br>, <hr> dan masih banyak lagi.

Tag HTML <…> adalah suatu penanda untuk menandai elemen-elemen dalam suatu dokumen HTML. Fungsi tag adalah untuk memberikan instruksi atau memberitahu kepada browser bagaimana suatu objek di tampilkan berdasarkan tag yang di gunakan, objek disini bisa berupa teks, video, audio dan gambar. Sedangkan Element adalah rangkaian dari tag pembuka, konten dan tag penutup. diabawah ini adalah contoh element title yang ditulis dengan <title>…</title> yang berisi konten berupa tulisan yiptechid.com

Struktur dasar pada HTML

Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.

  • <!OCTYPE html> Tag paling awal dari contoh HTML diatas adalah DTD atau DOCTYPE. DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.
  • <html> Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>.
  • <head> Elemen pada tag ini umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
  • <title> Tag dalam contoh kita sebelumnya digunakan untuk menampilkan title dari sebuah halaman web. Title ini biasanya ditampilkan pada bagian paling atas web browser.
  • <body> Tag ini berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body> . Sebagian besar waktu kita dalam merancang web akan dihabiskan di dalam tag ini.

Itulah sekilas tentang html dan aturan penulisannya, pada artikel selanjutnya kita akan membahas satu-persatu element pada html beserta fungsinya yang dilengkapi dengan gambar agar lebih memudahkan para pembaca.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *