Cara Membuat HTML dan Menjalankannya

Pada tutorial kali ini kita akan mencoba untuk mengeluarkan sebuah tulisan "hello world" dengan html pada monitor anda, anda dapat mengetikan kode HTML di notepad tetapi saya tidak menganjurkan hal tersebut karena notepad tidak mempunyai fitur indentasi otomatis sehingga menyebabkan koding tidak rapi dan sulit untuk di baca, beda ceritanya jika kalian bersedia memberikan indentasi manual dengan cara melakukan spasi beberapa kali tiap baris kode. Jika kalian masih binggung dengan indentasi, berikut ini adalah dua gambar perbedaan antara koding tanpa indentasi dan koding dengan indentasi.

koding tanpa indentasi

koding dengan indentasi
Terlihat antara kedua perbedaannya, gambar paling atas tidak rapi sehingga membuat mata sakit sedangkan yang gambar paling bawah terlihat sangat rapi, penulis menyarankan menggunakan editor seperti notepad++ atau bracket sebagai media pembelajaran anda, tetapi apabila anda malas mengunduhnya, menggunakan notepad biasa juga tidak masalah.Sepertinya penulis sudah banyak sekali menulis, langsung saja ini dia step-step untuk membuat html dan cara menjalankan nya :
  • Gunakan editor apapun untuk mengetikan kode dibawah ini, sengaja kode nya saya ubah menjadi gambar supaya kalian tidak bisa kopas, karena kalian nanti tidak akan ingat sama sekali.
koding hello world
  • Jika anda sudah mengetikan kode diatas, maka save as data anda, ubah save as type menjadi all files dan pada kotak file name diberikan nama namaweb.html, namaweb boleh di ganti sesuka apapun asalkan tetap menyertakan .html, supaya browser mengenali file yang barusan anda buat berekstensi .html, simpan data tersebut ke desktop.
memberi fle name
  • Buka kode yang barusan anda buat di desktop, dengan cara menekan dua kali pada file tersebut

  • Hasilnya akan muncul empat "hello world" dan selamat kalian baru saja membuat suatu website yang sangat sederhana sekali dengan HTML, penjelasan mengapa bisa muncul empat hello world akan dibahas pada tutorial lanjutan.






0 komentar:

Posting Komentar

Terima kasih sudah berkunjung di website sederhana ini, mohon kritik dan sarannya