Tutorial HTML Part 1 : Pengenalan

Tutorial HTML Part 1 : Pengenalan

 

Penting bagi siapa pun yang bercita-cita menjadi seorang pengembang web untuk mendalami HTML, sebab bahasa ini memainkan peran krusial sebagai fondasi dalam pembuatan situs. Meskipun mungkin kamu sudah akrab dengan istilah HTML, mengapa tidak kita telaah kembali konsep-konsepnya melalui artikel ini?

Dalam tutorial yang disajikan, fokus utama kita adalah membahas HTML secara menyeluruh, dimulai dari pemahaman dasar hingga kemampuan membuat halaman HTML dengan keahlian pribadi. Oleh karena itu, mari kita bersama-sama menjelajahi langkah-langkah yang esensial untuk membekali diri dengan pengetahuan yang diperlukan dalam dunia pengembangan web.

Jangan ragu untuk melibatkan diri dan mengikuti setiap langkah tutorial ini dengan seksama. Dengan demikian, diharapkan kamu dapat membangun dasar pengetahuan yang kokoh dalam merancang halaman web menggunakan HTML. Yuk, mulai petualanganmu dalam dunia HTML sekarang juga !

 

Pengertian HTML

HTML, atau HyperText Markup Language, adalah fondasi utama dalam pembuatan halaman web. Jika kita merinci definisinya, HTML adalah sebuah bahasa markah yang memanfaatkan tag atau markup untuk membentuk struktur dan tampilan suatu situs. Dengan cara ini, HTML berfungsi sebagai panduan untuk menetapkan bagaimana konten akan ditampilkan dan diatur di dalam halaman web.

Untuk lebih memahami konsepnya, kita bisa mengibaratkan HTML sebagai batu bata yang membentuk dasar untuk membangun rumah. Seperti batu bata yang bisa disusun rapi untuk membentuk fondasi, HTML menggunakan tag atau markup untuk menyusun elemen-elemen konten sehingga situs web memiliki struktur yang terorganisir.

Penting untuk diingat bahwa HTML tidak berdiri sendiri dalam dunia pengembangan web. Selain HTML, terdapat dua bahasa lain yang saling melengkapi, yaitu CSS (Cascading Style Sheets) dan Javascript. CSS berfungsi untuk mempercantik tampilan situs web dengan mengatur gaya dan tata letak, sementara Javascript memberikan kehidupan pada halaman web dengan menentukan fungsi-fungsi dan efek-efek yang akan diterapkan di dalamnya.

Jadi, dalam rangkaian ini, HTML adalah dasar pembangunan, CSS menangani estetika, dan Javascript memberikan interaktivitas pada halaman web. Sebagai seorang pengembang web, memahami peran dan interaksi ketiganya menjadi kunci untuk menciptakan pengalaman pengguna yang kaya dan berdaya saing.

Baca juga : Tutorial Javascript

 

Sejarah Perkembangan HTML

Sejarah HTML membawa kita ke era 1980-an, ketika seorang ilmuwan visioner, Tim Berners-Lee, menciptakan landasan bagi evolusi luar biasa dalam dunia web. Pada masa itu, Berners-Lee tengah bekerja di CERN dengan tujuan menciptakan sistem informasi yang dapat diakses dan dioperasikan dengan mudah oleh pengguna di seluruh dunia.

Puncak dari perjuangan dan inovasi Tim Berners-Lee dimulai ketika pada tahun 1980-an, dia merancang sebuah protokol dan bahasa yang memungkinkan pertukaran informasi di antara berbagai pengguna melalui jaringan. Inilah cikal bakal dari apa yang sekarang kita kenal sebagai HTML, singkatan dari HyperText Markup Language.

Sebagai bahasa markup, HTML pada awalnya hadir dengan tujuan sederhana, yakni memberikan kemampuan untuk menyusun dan mengorganisir teks dalam dokumen. Namun, seiring berjalannya waktu, HTML menjalani transformasi signifikan. Revisi dan pembaruan terus-menerus dilakukan untuk menjawab tuntutan perkembangan teknologi dan kebutuhan pengguna.

W3C (World Wide Web Consortium) memainkan peran penting dalam mengarahkan dan mengelola standarisasi HTML. Proses standarisasi ini memastikan bahwa HTML berkembang secara konsisten, mempertahankan interoperabilitas di berbagai platform. Seiring berjalannya waktu, HTML menjadi lebih dari sekadar bahasa markup; ia menjadi tulang punggung pembangunan web modern.

Menyelusuri sejarah HTML bukan hanya mengungkap asal-usulnya, tetapi juga memberikan pandangan mendalam tentang bagaimana satu ide sederhana dapat berkembang menjadi salah satu teknologi paling vital di dunia internet saat ini. Dalam perjalanannya yang panjang, HTML terus menjadi fondasi yang mendukung kompleksitas dan keberagaman lanskap web yang terus berkembang.

Jangan Lupa Baca : Tutorial Java

 

Perkembangan HTML dari Masa Ke Masa

Perjalanan HTML melibatkan serangkaian perkembangan versi yang mencerminkan evolusi teknologi web. Sejak awal yang tidak resmi pada [Draft] HTML 1.0 pada Juni 1993, hingga mencapai puncaknya dengan HTML 5 pada Oktober 2014, setiap versi membawa perbaikan, inovasi, dan adaptasi terhadap tuntutan masyarakat pengembang web.

HTML 2.0, yang resmi dirilis pada 24 November 1995 oleh IETF, menandai langkah pertama dalam standarisasi HTML dan menjadi dasar bagi perkembangan selanjutnya. Meskipun versi [Draft] HTML 3.0 mengalami kendala dan perdebatan pada Maret 1995, namun itu hanya sebatas draft speksifikasi tanpa sirkulasi di pasaran.

W3C memasuki panggung resmi dengan HTML 3.2 yang dirilis pada 14 Januari 1997. Ini adalah langkah penting karena menjadi versi pertama yang diakui oleh W3C. HTML 4.0, yang muncul pada 24 April 1998, memperkenalkan pengembangan dari versi sebelumnya.

HTML 4.01, yang dirilis pada 24 Desember 1999, memperbaiki beberapa aspek dari HTML 4.0 dan memberikan stabilitas lebih lanjut. Pengadopsian XML muncul dalam XHTML 1.0 pada 26 Januari 2000, memberikan pendekatan yang lebih ketat terhadap sintaksis.

XHTML 2.0, dari Agustus 2002 hingga Juli 2006, mengeksplorasi kemungkinan baru sebelum akhirnya dihentikan. Akhirnya, HTML 5, dirilis pada 28 Oktober 2014, menandakan peralihan ke era modern web dengan penekanan pada dukungan multimedia, pengalaman pengguna, dan responsivitas.

Versi [Draft], yang tidak pernah resmi beredar, menyiratkan bahwa spesifikasi masih dalam tahap konseptual. Oleh karena itu, pengembang web cenderung memilih versi yang stabil dan diakui, seperti HTML 5, untuk membangun situs web dengan keandalan dan kompatibilitas yang lebih tinggi.

 

Alat Yang Diperlukan Untuk Belajar HTML

Sebelum kita mempraktikkan pembelajaran HTML, pastikan telah menyiapkan beberapa peralatan esensial yang akan digunakan dalam proses pembuatan kode. Berikut ini adalah beberapa peralatan yang perlu kamu siapkan:

 

1. Teks Editor untuk Menulis HTML:

   Pilih teks editor yang nyaman bagi kamu untuk menulis kode HTML. Pilihan bisa jatuh pada Notepad, Notepad++, atau Visual Studio Code, tergantung pada preferensi masing-masing. Visual Studio Code umumnya disukai karena fitur-fitur pengembangan yang lengkap dan user-friendly.

Pastikan teks editor yang dipilih mendukung penulisan kode HTML dengan baik dan memberikan pengalaman pengembangan yang optimal.

Dengan peralatan ini, kita siap untuk memasuki tahap praktik dalam memahami dan menguasai HTML. Ayo mulai petualanganmu dalam dunia pengembangan web!

 

2. Web Browser

Selain teks editor, web browser juga menjadi perangkat penting dalam perjalanan pembelajaran HTML. Web browser digunakan untuk mengakses dan melihat hasil dari kode HTML yang telah kita buat. Kamu bebas memilih web browser favoritmu, namun disarankan untuk menggunakan versi terbaru.

Saran saya adalah mempertimbangkan penggunaan web browser seperti Firefox atau Google Chrome, karena keduanya memiliki dukungan yang baik terhadap fitur HTML terbaru. Versi terbaru dari web browser juga memastikan kompatibilitas yang lebih baik dengan teknologi web terkini.

Dengan menyiapkan teks editor dan web browser, kamu sudah siap untuk memulai praktik HTML dan menyaksikan hasilnya secara langsung melalui web browser pilihanmu. Ayo mulai eksplorasi dan kembangkan keterampilan pengembangan webmu!

 

Cara Membuat Dokumen HTML

Bagus, kamu sudah siap untuk mencoba membuat dokumen HTML pertamamu! Inilah langkah-langkahnya:

1. Buka teks editor pilihanmu (dalam tutorial ini, kita menggunakan Visual Studio Code).
2. Ketik atau salin dan tempel kode HTML berikut ke dalam teks editor:

 

```html
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Belajar HTML #01</title>
    </head>
    <body>
        <p>Hello World!</p>
    </body>
</html>
```

 

3. Setelah menulis kode tersebut, simpan file dengan nama "hello-world.html".

Dengan langkah-langkah ini, kamu telah membuat dokumen HTML sederhana yang menampilkan pesan "Hello World!". Selanjutnya, kamu bisa membuka file tersebut menggunakan web browser pilihanmu untuk melihat hasilnya secara langsung. Ayo coba dan nikmati proses belajarmu!

Published on March 02, 2024
Last updated on June 03, 2026