wimzcomputer
Di artikel kali ini, kita akan mulai membahas bahasa pemrograman yang menjadi inti dari pemrograman web, yakni HTML.
Kenapa inti?? Karena HTML merupakan bahasa yang menjadi struktur pembentuk sebuah halaman web.
Pelu penjelasan lebih detail?? Simak artikel berikut.
1. HTML
HTML merupakan singkatan dari Hypertext Markup Language, yaitu bahasa standar web yang dikelola penggunaannya oleh W3C (World Wide Web Consortium) berupa tag-tag yang menyusun setiap elemen dari website. HTML berperan sebagai penyusun struktur halaman website sesuai layout yang digunakan.
HTML biasanya disimpan dalam file dengan ekstensi .html. Untuk mengetikkan skrip HTML dapat menggunakan teks editor, seperti Notepad, Notepad++, atau Sublime Teks.
2. Unsur HTML
HTML memiliki 3 unsur pembentuk, yaitu tag, atribut, dan elemen.
2.1. Tag
Tag adalah simbol khusus (markup) berupa dua karakter “<” dan “>” yang mengapit suatu teks sebagai tag. Contohnya <body> adalah tag dengan nama body. Sebagian besar tag memiliki tag pembuka dan tag penutup yang membatasi pengaruh dari tag tersebut. Namun, terdapat sebagian kecil tag yang tidak memiliki tag penutup. Tag penutup memiliki tanda “/”, sebagai contoh </body> sebagai tag penutup untuk tag <body>.
Berikut karakteristik dari tag:
a. Tag boleh ditulis dengan huruf besar semua, huruf kecil semua, atau campuran, karena sifatnya case insensitive.
b. Tag bisa berisi tag lain. Tag yang dibuka dahulu ditutup terakhir, tag yang dibuka terakhir ditutup lebih dulu. Contohnya <P>i like <b>HTML</b></p>
2.2. Atribut
Atribut yaitu properti yang mengatur bagaimana elemen dari suatu tag yang akan ditampilkan. Atribut ditulis di dalam simbol tag setelah nama tag dengan dipisahkan oleh spasi. Atribut ada yang memiliki nilai (value), ada yang tidak. Nilai dari suatu atribut ditulis di dalam tanda petik ganda (“…”), dipisahkan dengan simbol sama dengan (=) dari nama atribut. Misalkan <p align=”justify”>. Align merupakan atribut dari tag <p>, sedangkan Justify adalah nilai dari nilai / value dari atribut Align.
Karakteristik dari atribut:
a. Atribut hanya ditulis pada tag pembuka.
b. Setiap tag memiliki atribut yang berbeda-beda.
c. Beberapa atribut ada yang dapat diterapkan ke semua tag atau disebut global attribute, misalnya: class, id, style, dan sebagainya.
d. Sebuah tag dapat ditulis dengan satu atribut, banyak atribut, atau tanpa atribut sama sekali.
e. Jika tag ditulis dengan banyak atribut, masing-masing atribut dipisahkan oleh spasi.
2.3. Elemen
Elemen adalah bagian dari skrip HTML yang terdiri dari tag pembuka, isi element, dan tag penutup. Jika sebuah elemen ditampilkan pada web browser, maka hanya isi dari elemen tersebut yang ditampilkan. Misalnya:
<p>Aku senang belajar HTML</p>
Jika ditampilkan pada web browser, maka hanya tulisan “Aku senang belajar HTML” yang muncul.
3. Struktur Dasar HTML
Dalam penulisan HTML, ada beberapa tag yang wajib dituliskan dengan struktur yang sudah ditentukan. Setiap file HTML harus menerapkan struktur tersebut, yaitu sebagai berikut:
<!DOCTYPE HTML>
<html>
<head>
<title>Judul Website</title>
</head>
<body>
Isi Website
</body>
</html>Berikut penjelasannya:
1. <!DOCTYPE HTML>, adalah tag awal dari setiap dokumen HTML yang berfungsi untuk menginformasikan pada browser bahwa dokumen yang sedang dibuka adalah dokumen HTML.
2. <html>…</html>, adalah tag yang menunjukkan pembuka dan penutup dokumen HTML.
3. <head>…</head>, adalah tag yang digunakan untuk menyimpan berbagai informasi tentang dokumen HTML. Apa yang ada di dalam tag ini tidak akan tampil di browser.
4. <title>…</title>, adalah tag yang digunakan untuk membuat judul website yang akan muncul di title bar bowser.
5. <body>…</body>, adalah tag yang menunjukkan bagian utama website. Semua yang akan ditampilkan pada halam browser dituliskan dalam tag ini.
Nah, seperti itulah HTML. Bisa dibilang, jika dianalogikan sebagai tubuh manusia, HTML merupakan tulang daripada tubuh manusia. Manusia tanpa tulang, tidak bisa disebut dengan manusia. Begitu juga dengan website. Tanpa HTML, mereka tidak bisa disebut sebagai aplikasi website.
Butuh tutorial?? Simak video berikut.
Nah, sekian dulu untuk hari ini. Semoga bermanfaat 🙂
Anda bisa mengunjungi kami di website dengan klik di sini, atau Subscribe channel kami di sini.
