Minggu, 12 November 2023
Selasa, 07 November 2023
Pemprograman Html
Apa Itu HTML,dan Cara Membuat Codingan di Website
Apa Yang DiMaksud Dengan HTML?
HTML adalah bahasa markup standar untuk membuat halaman website. Bahasa ini berfungsi untuk membuat struktur website hingga menyusun format teks dan gambar pada halaman web.
Walaupun HTML bukan bahasa pemrograman, Anda wajib mempelajarinya jika Anda ingin menjadi web developer yang andal. Di artikel ini,kami akan menjelaskan secara lengkap apa itu HTML, fungsinya, komponennya, dan cara kerjanya.
Apa Itu HTML?
HTML terdiri dari kombinasi teks dan simbol yang disimpan dalam sebuah file. Untuk membuat file HTML, harus mengikuti standar atau format khusus. Format ini tertuang dalam standar kode internasional atau ASCII (American Standard Code for Information Interchange).
Sejarah HTML
Sejarah HTML pertama kali dikembangkan oleh Tim Berners-Lee, ilmuwan dari organisasi European Organization for Nuclear Research (CERN) pada tahun 1990. Awalnya, markup language diciptakan oleh IBM, perusahaan hardware dan software asal Amerika Serikat.
Sejak tahun 1991, Tim Berners-Lee, yang juga penemu world wide web (WWW), mengembangkan HTML sebagai solusi untuk memudahkan para ilmuwan CERN dalam mengakses dokumen satu sama lain. Barulah di tahun 1993, bahasa markup ini meluncur resmi ke publik dan berkembang menjadi berbagai versi hingga saat ini.
Sampai saat ini HTML5 menjadi versi yang paling update dengan sistem yang paling canggih. Popularitas HTML versi terbaru ini pun sangat pesat. Bahkan, saat ini ada 87,4 persen website yang sudah menggunakan HTML5. Sejarah penggunaan HTML secara umum ini pun tak bisa lepas dari peran World Wide Web (WWW). WWW dan HTML adalah dua aspek yang saling berhubungan. Karena, HTML adalah dasar untuk membuat halaman website, yang nantinya ditampilkan pada WWW.
Fungsi HTML
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :
- Membuat halaman web
- Menampilkan berbagai informasi di dalam sebuah browser Internet.
- Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
Mengenal Komponen HTML
Lebih detailnya, simak penjelasannya berikut ini:
1. Tag
Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan dibaca oleh web browser. Tag dibuat dengan menggunakan kurung siku <…>, di mana di dalamnya berisi nama tag. Setiap tag memiliki fungsi perintah yang berbeda-beda. Mulai dari membuat judul, paragraf, heading, cetak tebal, miring, italic, dan lainnya.
Misalnya: <bold>. Tag tersebut akan meminta browser untuk menampilkan teks dengan format tebal. Selain itu, tag ditulis secara berpasangan, yaitu tag pembuka dan tag penutup. Pada tag penutup ditambahkan garis miring (/) di depan nama tag.
Tag HTML sendiri awalnya hanya berjumlah 18. Hingga saat ini sudah ada lebih dari 250 tag. Banyak juga, ya. Namun, Anda tak perlu menghafal semua tag yang ada.Anda hanya perlu mengingat beberapa contoh HTML untuk pemula berikut ini:
- <html>, untuk memulai membuat halaman HTML yang mencakup semua konten dan elemen.
- <head>, untuk membuat halaman HTML yang mencakup tampilan deskripsi di hasil pencarian Google, style konten (CSS), dan lainnya.
- <title>, untuk membuat judul website
- <body>, untuk membuat isi website
- <h1> <h2> sampai <h6> , untuk mengatur heading konten
- <p> , untuk membuat paragraf.
2. Elemen
Contohnya: <bold>Belajar HTML</bold>
Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen tersebut tak hanya berisi satu tag saja, tetapi banyak tag. Elemen itu disebut nested elements. Sebagai contoh, simak kode berikut:
<html><body><h2>Judul Heading</h2> <p>Paragraf pertama artikel.</p> </body> </html>
Jika diperhatikan elemen HTML tersebut, dari tag pembuka <html> lalu tag <body> yang berisi elemen tag heading dan elemen tag paragraf.
3. Atribut
Atribut adalah informasi atau perintah tambahan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen.
Misalnya, <img src=”gambar.jpg” alt “Bunga Matahari.”>.
Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser harus menampilkan gambar.jpg dengan alt text “Bunga Matahari”.
Selain atribut khusus, ada beberapa atribut yang digunakan untuk menentukan aksi pada dilakukan jika terjadi sesuatu pada elemen.Misalnya , (onload) saat loading selesai, (onoffline) saat tiba-tiba offline, (onresize) ukuran jendela. Atribut tersebut disebut dengan atribut event. Atribut tersebut nantinya akan diimplementasikan dengan JavaScript. Sehingga halaman website dapat melakukan aksi tertentu.
Langkah-Langkah Mmebuat Halaman Website
Setelah rencana layout dan tool siap, Anda bisa mulai menulis kode untuk memulai cara membuat website dengan HTML. Langkah-langkahnya mungkin bervariasi tergantung pada editor kode yang Anda gunakan, tapi proses dasarnya tetap sama.
Dalam tutorial ini, kami akan menunjukkan cara membuat website dengan HTML menggunakan VSCode:
- Buat folder baru di komputer Anda. Folder ini akan menjadi direktori untuk semua file website.
- Buka VSCode → File → Open Folder.
- Temukan folder baru tersebut lalu klik Select Folder.
- Pilih New File. Beri nama file tersebut dengan index.html dan tekan enter.
- Klik Create File untuk mengonfirmasi.
- Ketika diminta untuk membuka tab editor index.html, masukkan struktur dasar dokumen HTML berikut:
Kesimpulan
HTML merupakan bahasa markup yang berguna untuk membuat struktur website sehingga dapat diakses secara baik melalui aplikasi browser. Berkat perkembangannya, HTML juga sudah memiliki banyak fungsi yang canggih. Contohnya,kita bisa membuat website dengan multimedia, diterapkan dengan bahasa pemrograman lain, dan mampu memberikan navigasi halaman website dengan hyperlink.












