Belajar Dasar Pemrograman Web

Tools

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi

Latihan: Membangun Halaman Web Pertama (Halaman Profil)

Sebelumnya, Anda sudah berkenalan dengan HTML yang merupakan satu-satunya bahasa pembangun halaman web. Langkah berikutnya, sebelum belajar lebih jauh dengan HTML, kita akan berlatih membuat halaman web untuk yang pertama kalinya. Menarik, bukan? Yuk, langsung saja ikuti latihannya.

Tujuan

Dalam membuat halaman web pertama, tentunya bersinggungan dengan HTML. Kita akan mencoba membuatnya dari nol dengan menggunakan alat yang ada, yaitu code editor bawaan sistem operasi. Mengapa hal tersebut perlu dilakukan? Hal ini agar kita tahu pengalaman membuat dan menuliskan kode tanpa bantuan fitur-fitur yang powerful, seperti code completion.

Berikut adalah hasil yang didapat pada akhir latihan ini.

dos:df82468a75ee5dff2f7d22c94313225520230614143258.jpeg

Alur Latihan

Berikut adalah alur latihan kali ini.

  1. Membuka code editor bawaan sistem operasi.
  2. Menuliskan struktur konten (kode) halaman web pada code editor.
  3. Menyimpan kode yang telah ditulis dalam bentuk HTML.
  4. Menjalankan berkas HTML dalam browser (Google Chrome).

Latihan Membangun Halaman Web Pertama

Dengan beragamnya sistem operasi yang tersedia, kami menyediakan langkah-langkah latihan menggunakan tiga buah sistem operasi. Sistem operasi yang dimaksud adalah Windows, Linux (Ubuntu), dan MacOS. Untuk itu, silakan ikuti langkah-langkah latihan berikut dan pilih sistem operasi yang didukung oleh perangkat Anda.

  1. Windows memiliki code editor bawaan yang bernama Notepad. Kita akan menggunakan aplikasi tersebut untuk membuat halaman web. Ada banyak cara yang dapat dilakukan. Salah satunya adalah melalui fitur run command atau pencarian aplikasi–pencarian aplikasi yang dimaksud adalah pop up yang muncul jika menekan tombol Windows dan terdapat pencarian aplikasi padanya.

    Silakan buka pencarian aplikasi tersebut dengan menekan tombol Windows. Jika sudah, tuliskan “notepad” dan pilihan aplikasi Notepad akan muncul. Kliklah pilihan aplikasi tersebut untuk membuka Notepad.



  2. Seharusnya Notepad akan muncul pada layar laptop/komputer seperti berikut.

    dos:d648fc662d7d8dfa068afb946b52c40c20230614143713.jpeg

  3. Selanjutnya, kita akan mulai menuliskan konten untuk halaman web kita. Sebetulnya, ada struktur yang disepakati untuk menuliskan halaman web. Saat ini masih dalam tahap awal membuat halaman web, jadi kita akan menuliskan kontennya secara langsung. Silakan isi dengan konten berikut pada Notepad.

    1. Bandung
    2. Kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus menjadi ibu kota provinsi tersebut.
    3.  
    4.  
    5. Sejarah
    6. Kata Bandung berasal dari kata bendung atau bendungan karena terbendungnya sungai Citarum oleh lava Gunung Tangkuban Parahu yang lalu membentuk telaga. Legenda yang diceritakan oleh orang-orang tua di Bandung mengatakan bahwa nama Bandung diambil dari sebuah kendaraan air yang terdiri dari dua perahu yang diikat berdampingan yang disebut perahu bandung yang digunakan oleh Bupati Bandung, R.A. Wiranatakusumah II, untuk melayari Ci Tarum dalam mencari tempat kedudukan kabupaten yang baru untuk menggantikan ibu kota yang lama di Dayeuhkolot.
    7.  
    8.  
    9. Berdasarkan filosofi Sunda, kata Bandung juga berasal dari kalimat Nga-Bandung-an Banda Indung, yang merupakan kalimat sakral dan luhur karena mengandung nilai ajaran Sunda. Nga-Bandung-an artinya menyaksikan atau bersaksi. Banda adalah segala sesuatu yang berada di alam hidup yaitu di bumi dan atmosfer, baik makhluk hidup maupun benda mati. Sinonim dari banda adalah harta. Indung berarti Ibu atau Bumi, disebut juga sebagai Ibu Pertiwi tempat Banda berada.
    10.  
    11.  
    12. Geografis
    13. Kota Bandung dikelilingi oleh pegunungan, sehingga bentuk morfologi wilayahnya bagaikan sebuah mangkok raksasa, secara geografis kota ini terletak di tengah-tengah provinsi Jawa Barat, serta berada pada ketinggian ±768 m di atas permukaan laut, dengan titik tertinggi di berada di sebelah utara dengan ketinggian 1.050 meter di atas permukaan laut dan sebelah selatan merupakan kawasan rendah dengan ketinggian 675 meter di atas permukaan laut.
    14.  
    15.  
    16. Kota Bandung dialiri dua sungai utama, yaitu Sungai Cikapundung dan Sungai Citarum beserta anak-anak sungainya yang pada umumnya mengalir ke arah selatan dan bertemu di Sungai Citarum. Dengan kondisi yang demikian, Bandung selatan sangat rentan terhadap masalah banjir terutama pada musim hujan.
    17.  
    18.  
    19. Wisata
    20. Sejak dibukanya Jalan Tol Cipularang, kota Bandung telah menjadi tujuan utama dalam menikmati liburan akhir pekan terutama dari masyarakat yang berasal dari Jakarta sekitarnya. Selain menjadi kota wisata belanja, kota Bandung juga dikenal dengan sejumlah besar bangunan lama berarsitektur peninggalan Belanda.
    21.  
    22.  
    23. Farm House Lembang
    24. Berada di jalur utama Bandung-Lembang, Farm House menjadi objek wisata yang tidak pernah sepi pengunjung. Selain karena letaknya strategis, kawasan ini juga menghadirkan nuansa wisata khas Eropa. Semua itu diterapkan dalam bentuk spot swafoto Instagramable.
    25.  
    26.  
    27. Observatorium Bosscha
    28. Memiliki beberapa teleskop, antara lain, Refraktor Ganda Zeiss, Schmidt Bimasakti, Refraktor Bamberg, Cassegrain GOTO, dan Teleskop Surya. Refraktor Ganda Zeiss adalah jenis teleskop terbesar untuk meneropong bintang. Benda ini diletakkan pada atap kubah sehingga saat teropong digunakan, atap tersebut harus dibuka. Observatorium Bosscha boleh dikunjungi oleh siapa pun, tanpa tiket. Namun, bagi yang ingin menggunakan teleskop Zeiss, wajib mendaftarkan diri. Untuk instansi atau lembaga pendidikan, diberikan jadwal hari Selasa sampai Jumat. Sementara itu, kunjungan individu dibuka setiap hari Sabtu.

  4. Jika sudah, seharusnya tampilan Notepad kurang lebih akan tampak seperti gambar berikut.

    dos:779f4412044abb198084c3ce3a038b5d20230614143805.jpeg

  5. Nah, kita sudah selesai menuliskan konten halaman web. Sekarang, kita dapat melihat hasilnya pada browser. Namun, kita perlu menyimpan perubahan isi berkas terlebih dahulu. Silakan lakukan simpan berkas. Anda dapat melakukannya dengan kombinasi tombol ”CTRL + S”.

    Kemudian, pilih lokasi penyimpanan yang diinginkan. Contoh pada komputer kami, kami menyimpannya pada alamat “C -> WebDasar”. Oleh karena itu, buka direktori “WebDasar” dengan dobel klik kiri pada folder terkait.

    dos:dab5bffdf58e5ddbc818e211af605da020230614143821.jpeg

  6. Seharusnya, tampilannya sudah berada dalam direktori WebDasar saat ini. Selanjutnya, kita namai berkas ini dengan “index.html” pada bagian ”File name”. Ingat! Simpan berkas dalam format HTML. Pada bagian “Save as type”, silakan pilih “All Files (*.*)” dan Anda dapat memberinya nama beserta formatnya secara langsung–nama dan format yang dimaksud adalah “index.html”.

    dos:7426a86b17368a62ab7f76fa137d6cd720230614143947.jpeg

  7. Jika sudah, tekan tombol “Save” untuk memproses penyimpanan berkas.
  8. Luar biasa! Berkas tersebut sudah dapat kita lihat pada folder yang kita tentukan sebelumnya. Berikut adalah kondisi direktori WebDasar milik kami saat ini.

    dos:90d5b04f70d0201f29d2913421a0253f20230614144024.jpeg

  9. Dengan demikian, kita selesai membuat berkas HTML pertama. Untuk melihat hasilnya, silakan buka berkas HTML tersebut menggunakan browser. Cara yang paling mudah adalah dobel klik berkas tersebut dan hasilnya akan tampak seperti berikut.

    dos:d64c674cd98d7b9da4f1c8d98e01b1c520230614144041.jpeg

  10. Selamat! Anda sudah berhasil membuat halaman web pertama. Good job!
  1. Langkah awal untuk menuliskan berkas HTML adalah membuka text editor. Bukalah text editor melalui terminal dengan cara mengetikkan keyword “gedit” kemudian tekan enter.

    dos:4bf3592b2855c78c38420770c1df8e0120230614144123.jpeg

    Catatan:
    Jika aplikasi gedit tidak tersedia, alternatifnya Anda bisa menggunakan aplikasi pengelola teks apa pun yang tersedia pada Distro Linux Anda. Jika mengalami kesulitan, silakan bertanya pada forum diskusi.

  2. Jika berhasil, aplikasi text editor akan terbuka. Silakan salin konten berikut secara langsung pada text editor.

    1. Bandung
    2. Kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus menjadi ibu kota provinsi tersebut.
    3.  
    4.  
    5. Sejarah
    6. Kata Bandung berasal dari kata bendung atau bendungan karena terbendungnya sungai Citarum oleh lava Gunung Tangkuban Parahu yang lalu membentuk telaga. Legenda yang diceritakan oleh orang-orang tua di Bandung mengatakan bahwa nama Bandung diambil dari sebuah kendaraan air yang terdiri dari dua perahu yang diikat berdampingan yang disebut perahu bandung yang digunakan oleh Bupati Bandung, R.A. Wiranatakusumah II, untuk melayari Ci Tarum dalam mencari tempat kedudukan kabupaten yang baru untuk menggantikan ibu kota yang lama di Dayeuhkolot.
    7.  
    8.  
    9. Berdasarkan filosofi Sunda, kata Bandung juga berasal dari kalimat Nga-Bandung-an Banda Indung, yang merupakan kalimat sakral dan luhur karena mengandung nilai ajaran Sunda. Nga-Bandung-an artinya menyaksikan atau bersaksi. Banda adalah segala sesuatu yang berada di alam hidup yaitu di bumi dan atmosfer, baik makhluk hidup maupun benda mati. Sinonim dari banda adalah harta. Indung berarti Ibu atau Bumi, disebut juga sebagai Ibu Pertiwi tempat Banda berada.
    10.  
    11.  
    12. Geografis
    13. Kota Bandung dikelilingi oleh pegunungan, sehingga bentuk morfologi wilayahnya bagaikan sebuah mangkok raksasa, secara geografis kota ini terletak di tengah-tengah provinsi Jawa Barat, serta berada pada ketinggian ±768 m di atas permukaan laut, dengan titik tertinggi di berada di sebelah utara dengan ketinggian 1.050 meter di atas permukaan laut dan sebelah selatan merupakan kawasan rendah dengan ketinggian 675 meter di atas permukaan laut.
    14.  
    15.  
    16. Kota Bandung dialiri dua sungai utama, yaitu Sungai Cikapundung dan Sungai Citarum beserta anak-anak sungainya yang pada umumnya mengalir ke arah selatan dan bertemu di Sungai Citarum. Dengan kondisi yang demikian, Bandung selatan sangat rentan terhadap masalah banjir terutama pada musim hujan.
    17.  
    18.  
    19. Wisata
    20. Sejak dibukanya Jalan Tol Cipularang, kota Bandung telah menjadi tujuan utama dalam menikmati liburan akhir pekan terutama dari masyarakat yang berasal dari Jakarta sekitarnya. Selain menjadi kota wisata belanja, kota Bandung juga dikenal dengan sejumlah besar bangunan lama berarsitektur peninggalan Belanda.
    21.  
    22.  
    23. Farm House Lembang
    24. Berada di jalur utama Bandung-Lembang, Farm House menjadi objek wisata yang tidak pernah sepi pengunjung. Selain karena letaknya strategis, kawasan ini juga menghadirkan nuansa wisata khas Eropa. Semua itu diterapkan dalam bentuk spot swafoto Instagramable.
    25.  
    26.  
    27. Observatorium Bosscha
    28. Memiliki beberapa teleskop, antara lain, Refraktor Ganda Zeiss, Schmidt Bimasakti, Refraktor Bamberg, Cassegrain GOTO, dan Teleskop Surya. Refraktor Ganda Zeiss adalah jenis teleskop terbesar untuk meneropong bintang. Benda ini diletakkan pada atap kubah sehingga saat teropong digunakan, atap tersebut harus dibuka. Observatorium Bosscha boleh dikunjungi oleh siapa pun, tanpa tiket. Namun, bagi yang ingin menggunakan teleskop Zeiss, wajib mendaftarkan diri. Untuk instansi atau lembaga pendidikan, diberikan jadwal hari Selasa sampai Jumat. Sementara itu, kunjungan individu dibuka setiap hari Sabtu.

  3. Setelah selesai, lakukan save dengan memberikan nama “index.html”.

    dos:4b6fbece798230d4a3c11c794c20f59a20230614144356.jpeg

  4. Pada contoh di bawah ini, lokasi berkas index.html akan disimpan pada direktori “/home/[username]/WebDasar/”. Kemudian tekan tombol “Save”.

    dos:aa4f315c1b1d5510becfae5b80bf69dc20230614144417.jpeg

    Catatan:
    Pada lokasi direktori, Anda melihat tulisan [username] bercetak miring. Hal ini merupakan nama user yang Anda gunakan. Jadi, silakan sesuaikan username yang digunakan oleh Anda pada perangkat.

  5. Dengan demikian, kita sudah membuat berkas HTML pertama. Silakan buka berkas HTML tersebut menggunakan suatu browser (dalam contoh ini, kita menggunakan Google Chrome). Hasilnya akan tampak seperti berikut.

    dos:274601ff49443bff08c06dde1335c62120230614144615.jpeg

  6. Selamat! Anda sudah berhasil membuat halaman web pertama. Kerja bagus!
  1. Perangkat dengan MacOS memiliki code editor bawaan yang bernama TextEdit. Untuk membukanya, silakan lakukan pencarian menggunakan kata kunci “TextEdit”.
    dos:ab4365f9dd970453e01ddded8068ae9c20230614145225.png
  2. Setelah aplikasi terbuka, masuk ke Preferences melalui panel atas untuk melakukan pengaturan pada TextEdit. Hal ini ditunjukkan seperti gambar berikut. Silakan buka Preferences dari TextEdit.

    dos:6a58f0fdb5a1a62024b2d9320e15c4c920230614145257.png
  3. Jendela Preferences akan terbuka. Pada bagian format, pastikan kita memilih “Plain text”.

    dos:01bd81b8a8fb1b2d49be43d28b66b72b20230614145326.png
  4. Jika sudah, silakan tutup jendela Preferences karena kita sudah selesai dengannya. Kemudian, kita akan tentukan lokasi dari pembuatan berkas HTML baru. Anda bebas menentukan lokasi yang diinginkan, tetapi kami menyimpannya pada “[username] -> WebDasar” berdasarkan gambar berikut.

    dos:16588e65c4aab98354b5227621ce2d4320230614145354.png
    Catatan:
    Pada lokasi direktori, Anda melihat tulisan “[username]” bercetak miring. Hal ini merupakan nama user yang Anda gunakan. Jadi, silakan sesuaikan username yang digunakan oleh Anda pada perangkat.

  5. Setelah menentukan lokasinya, tekan “New Document” yang terletak di pojok kiri bawah dari jendela finder. Selanjutnya, window Text Editor kosong akan memunculkan tampilan seperti gambar berikut.

    dos:bbb98643d86dd6aa4c3de11ecdcffc1120230614145443.png
  6. Mantap! Kita sudah bisa bekerja untuk membuat halaman web sekarang. Silakan salin dan tempel konten berikut pada TextEdit.

    1. Bandung
    2. Kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus menjadi ibu kota provinsi tersebut.
    3.  
    4.  
    5. Sejarah
    6. Kata Bandung berasal dari kata bendung atau bendungan karena terbendungnya sungai Citarum oleh lava Gunung Tangkuban Parahu yang lalu membentuk telaga. Legenda yang diceritakan oleh orang-orang tua di Bandung mengatakan bahwa nama Bandung diambil dari sebuah kendaraan air yang terdiri dari dua perahu yang diikat berdampingan yang disebut perahu bandung yang digunakan oleh Bupati Bandung, R.A. Wiranatakusumah II, untuk melayari Ci Tarum dalam mencari tempat kedudukan kabupaten yang baru untuk menggantikan ibu kota yang lama di Dayeuhkolot.
    7.  
    8.  
    9. Berdasarkan filosofi Sunda, kata Bandung juga berasal dari kalimat Nga-Bandung-an Banda Indung, yang merupakan kalimat sakral dan luhur karena mengandung nilai ajaran Sunda. Nga-Bandung-an artinya menyaksikan atau bersaksi. Banda adalah segala sesuatu yang berada di alam hidup yaitu di bumi dan atmosfer, baik makhluk hidup maupun benda mati. Sinonim dari banda adalah harta. Indung berarti Ibu atau Bumi, disebut juga sebagai Ibu Pertiwi tempat Banda berada.
    10.  
    11.  
    12. Geografis
    13. Kota Bandung dikelilingi oleh pegunungan, sehingga bentuk morfologi wilayahnya bagaikan sebuah mangkok raksasa, secara geografis kota ini terletak di tengah-tengah provinsi Jawa Barat, serta berada pada ketinggian ±768 m di atas permukaan laut, dengan titik tertinggi di berada di sebelah utara dengan ketinggian 1.050 meter di atas permukaan laut dan sebelah selatan merupakan kawasan rendah dengan ketinggian 675 meter di atas permukaan laut.
    14.  
    15.  
    16. Kota Bandung dialiri dua sungai utama, yaitu Sungai Cikapundung dan Sungai Citarum beserta anak-anak sungainya yang pada umumnya mengalir ke arah selatan dan bertemu di Sungai Citarum. Dengan kondisi yang demikian, Bandung selatan sangat rentan terhadap masalah banjir terutama pada musim hujan.
    17.  
    18.  
    19. Wisata
    20. Sejak dibukanya Jalan Tol Cipularang, kota Bandung telah menjadi tujuan utama dalam menikmati liburan akhir pekan terutama dari masyarakat yang berasal dari Jakarta sekitarnya. Selain menjadi kota wisata belanja, kota Bandung juga dikenal dengan sejumlah besar bangunan lama berarsitektur peninggalan Belanda.
    21.  
    22.  
    23. Farm House Lembang
    24. Berada di jalur utama Bandung-Lembang, Farm House menjadi objek wisata yang tidak pernah sepi pengunjung. Selain karena letaknya strategis, kawasan ini juga menghadirkan nuansa wisata khas Eropa. Semua itu diterapkan dalam bentuk spot swafoto Instagramable.
    25.  
    26.  
    27. Observatorium Bosscha
    28. Memiliki beberapa teleskop, antara lain, Refraktor Ganda Zeiss, Schmidt Bimasakti, Refraktor Bamberg, Cassegrain GOTO, dan Teleskop Surya. Refraktor Ganda Zeiss adalah jenis teleskop terbesar untuk meneropong bintang. Benda ini diletakkan pada atap kubah sehingga saat teropong digunakan, atap tersebut harus dibuka. Observatorium Bosscha boleh dikunjungi oleh siapa pun, tanpa tiket. Namun, bagi yang ingin menggunakan teleskop Zeiss, wajib mendaftarkan diri. Untuk instansi atau lembaga pendidikan, diberikan jadwal hari Selasa sampai Jumat. Sementara itu, kunjungan individu dibuka setiap hari Sabtu.

  7. Kondisi TextEdit setelah Anda melakukan copy-paste akan terlihat seperti berikut.

    dos:7ffa3df27da81414c70410397882fcad20230614145512.png
  8. Jika sudah selesai, kita akan menyimpan dokumen HTML ini pada komputer kita. Silakan tekan kombinasi tombol “CMD + S” pada keyboard dan namai berkas dengan “index.html” serta tekan tombol “Save” untuk mulai menyimpannya.

    dos:b7b16cfffe0bb19b7146be29c923b22c20230614145535.png
  9. Jika muncul dialog seperti gambar berikut, kita pilih “Use .html”.

    dos:a52c21aea546640b4e7bdca19825862720230614145601.png
  10. Jika finder dibuka dan folder WebDasar diperiksa, kita akan menemukan berkas index.html yang baru saja kita buat dan simpan.

    dos:48281360767c75599f7f69c9b42486fe20230614145635.png
  11. Dengan demikian, kita sudah membuat berkas HTML pertama. Silakan buka berkas tersebut menggunakan browser (dalam contoh ini, kita menggunakan Google Chrome), hasilnya akan tampak seperti gambar berikut.

    dos:8431dcc1cf853ffbbac882e11e9b368720230614145655.png
  12. Selamat! Anda sudah berhasil membuat halaman web pertama. Excellent!


Bedah Kode

Kudos to you! Anda sudah berjaya membuat halaman web untuk pertama kalinya. Kita akan membahas tahapan yang telah kita lakukan sejauh ini.

Saat ini, Anda sudah berhasil membuat dokumen HTML. Sebagai web developer pemula, ini merupakan capaian yang baik karena Anda akan lebih mudah menghadapi rintangan-rintangan berikutnya.

Root Project Directory

Dalam membuat halaman web, sebetulnya kita perlu menyiapkan satu hal utama dan yang paling utama, yaitu folder proyek. Ini biasa disebut dengan root project. Disadari atau tidak, sebetulnya kita telah menyiapkan hal tersebut yang dinamai “WebDasar”. Nah, folder inilah tempat kita bekerja membangun halaman web.

Folder proyek ini sebetulnya merupakan folder biasa. Folder proyek juga biasa disebut dengan root project directory karena di dalam folder inilah kita menyimpan seluruh berkas yang dibutuhkan untuk membuat website, salah satunya berkas HTML.

Membuat Berkas HTML

Nama berkas HTML yang digunakan adalah index.html. Apakah di antara Anda ada yang bertanya-tanya, mengapa kita menamainya dengan index.html? Penamaan berkas ini dibagi menjadi dua bagian, yaitu nama dan formatnya. Kita bahas terlebih dahulu mengenai formatnya. Format yang digunakan adalah .html (dibaca: dot html). Ini merupakan format atau ekstensi berkas yang tepat untuk membuat halaman web.

Itulah alasan mengenai format berkas yang digunakan. Namun, bagaimana dengan hal yang kedua–nama berkas, yaitu index? Kita menggunakan “index” karena ia merupakan nama berkas default dari web server jika tidak ada berkas spesifik pada URL. Berkas tersebut akan dikirimkan dan ditampilkan pada browser oleh web server.

Ketika mengunjungi dicoding.com, apakah ada di antara kita yang mengetahui sebenarnya berkas apa yang ditampilkan? Tentu tidak ada yang mengetahuinya. Namun, bisa kita pastikan bahwa web server mengirimkan berkas index.html untuk menampilkan homepage dari Dicoding. Itulah alasan penggunaan index sebagai nama berkasnya.

Berikut adalah perbedaan jika kita menampilkan halaman web antara index.html dengan lainnya–misalnya example.com.

Anda dapat melihat perbedaan antara keduanya pada URL-nya.

Mengakses Halaman Web

Kita sudah mencoba untuk menjalankan dokumen HTML di browser yang telah dibuat sebelumnya. Namun, apakah Anda merasa ada yang berbeda dengan membuka website pada umumnya?

dos:e7b17ed23e9e2fafc797ce95c6a70c7e20230614150032.jpeg

Umumnya, kita membuka website dengan menyebutkan nama domainnya. Contohnya dicoding.com. Namun, dalam praktik ini, kita menggunakan file sebagai skemanya untuk membaca file system dari komputer.

Silakan Anda sisakan menjadi “C:/” saja pada URL di atas. Hasilnya seharusnya akan seperti berikut.

dos:1d4273687366265d4291154ae59b1d2520230614150032.jpeg

Untuk memahami lebih jauh terkait Uniform Resource Locator (URL), Anda dapat membaca artikel Identifying resources on the Web dari MDN.


Berlatihnya hebat! Anda sudah berjaya membuat halaman web untuk pertama kalinya. Ini merupakan capaian yang baik untuk menggali lebih dalam pada pengembangan website berikutnya. Kami yakin, setelah ini Anda akan lebih mudah dan siap dalam melewati serta menaklukkan materi-materi berikutnya.

Yuk, lanjut ke materi berikutnya.

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi

Catatan Belajar

ini konten buat note nanti
Keyboard Shortcut
1
Next/prev modul

Membantu untuk mempermudah navigasi antar modul.

Tekan
CTRL / CTRL
2
Mencari Konten

Membantu menemukan konten dengan lebih cepat.

Tekan
CTRL/
3
Melihat daftar modul

Membantu melihat modul lebih cepat.

Tekan
CTRLM
Pengaturan

Belajar programming dengan terstruktur.

Light

Belajar programming dengan terstruktur.

Warm

Belajar programming dengan terstruktur.

Dark
Daftar Modul

84% Selesai

Latihan: Membangun Halaman Web Pertama (Hal..