Belajar Dasar HTML: (Part 2) Membuat File Pertama / Hello World

Setelah mengenal HTML, kali ini kita akan membuat file pertama html kita Hello World. Sebelum itu kita harus memilih code editor yang kita gunakan untuk membuat program.

Memilih Aplikasi Editor HTML
Memilih sebuah aplikasi editor HTML tidaklah terlalu sulit. Aplikasi editor HTML digunakan untuk mempermudah kita membuat kode HTML. HTML sendiri pada dasarnya hanya text biasa yang ditulis dalam kode-kode khusus. Web Browser-lah yang akan menerjemahkan kode HTML ini menjadi sebuah tampilan halaman web.

Untuk membuat kode HTML maupun halaman web sederhana, kita tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad bawaan Windows sebenarnya sudah cukup untuk membuat kode HTML. Adapun code editor lainnya yaitu: Notepad++, Sublime Text, Atom, dll. Namun untuk tutorial belajar HTML kali ini saya akan menggunakan aplikasi Sublime Text.

--------------------------------------------------------------------------------------------------------------------------

Setelah menentukan code editor yang akan kita gunakan sekarang saatnya membuat file html. Untuk membuat file HTML kalian harus membuat file baru di code editor. Ok baiklah, ini langkah-langkah untuk membuat file HTML di Sublime Text...

  1. Buka Sublime Text yang sudah di install. Jika belum diinstall, install terlebih dahulu.
  2. Klik pada tab menu 'File' pilih 'New File'.
  3. Setelah itu ketikan tulisan 'Hello World'. Karena, tidak afdol jika kita tidak mengetikan 'Hello World' pada tahap awal pembelajaran HTML.
  4. Simpan dengan cara tekan CTRL+S atau dengan cara klik pada tab menu 'File' pilih save. Lalu pilih letak penyimpanan, disini saya membuat folder baru bernama HTML. Jadi, saya menyimpannya di dalam folder HTML. Jangan lupa berinama file 'index.html', karena file utama dari website yaitu index.
  5. Setelah tersimpan buka file dengan browser, lihat apa yang terjadi.

Setelah selesai langkah diatas, munculah tulisan Hello World yang sudah kita buat tadi. Tapi itu bukan lah bahasa html, melainkan hanya teks biasa karena kita belum menggunakan koding HTML didalamnya. Jadi untuk membuat koding HTML kalian harus menggunakan tag html pembuka <html> dan penutup </html>. Adapun struktur dasarnya sebagai berikut;

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

Jika ada yang kurang jelas lihat video saya dibawah ini dan jangan lupa Subscribe juga ya channel ini agar bermanfaat buat semua orang.

Sumber:www.youtube.com/c/ITComputer-KP_Genius
Belajar Dasar HTML: (Part 2) Membuat File Pertama / Hello World

Share this

Related Posts

Previous
Next Post »