Hello!
Selamat datang kembali di blog sederhana saya!
Materi kita kali ini akan membahas tentang bagaimana membuat web sederhana bahkan sesederhana mungkin yaitu biasa disebut dengan menampilkan kata "Hello World!" pada web.
Untuk pertama kali jika kita ingin belajar pemograman tidak akan lengkap rasanya jika kita tidak melakukan langkah awal seperti ini untuk memulai programing.
Bagi kalian pecinta pemograman pasti tidak asing lagi mendengar pembahasan kita kali ini baik,langsung aja kita ke materi!
Dimateri kita kali ini code editor yang akan saya gunakan adalah notepad biasa bawaan windows,disetiap windows pasti mempunyai software yang satu ini.
1.Membuat Folder html.
Kalian harus membuat sebuah folder baru untuk menyimpan file html kalian nantinya,caranya sangat mudah:
Caranya kalian cukup klik kanan pada layar desktop kalian lalu klik New>Folder,lalu beri nama Hello world.
Disini saya membuat folder nya di layar utama pada desktop supaya mudah untuk dicari,kalian dapat menaruh folder nya dimana saja.
Yang kedua,kalian buat folder baru lagi didalam folder utama tadi.
Caranya juga sama seperti yang tadi,kalian klik 2x pada folder Hello world yang kalian buat tadi dan klik kanan pada area kosong>New>Folder,dan beri nama "latihan1".
Nah,disini kalian sudah membuat lokasi/folder untuk menyimpan file.html kalian nantinya.
Yang ketiga adalah kalian buka aplikasi notepad kalian,
Lalu,kalian klik pada menu file>Save,dan kalian simpan di folder yang kalian beri nama "latihan1" tadi dengan nama "latihan1.html"
Nah,disini kalian sudah membuat folder dan file html nya,sekarang kalian tinggal membuat script html nya di notepad kalian.
2.Script html.
Cara penulisan script nya cukup mudah,kalian bisa copy paste script dibawah:
<!DOCTYPE html>
<html><head>
<title> Hello World! </title>
</head>
<body>
Hello World!
</body>
</html>
Jika sudah kalian tulis kode seperti diatas jangan lupa untuk di save terlebih dahulu.
Lalu kalian buka pada folder latihan1.html kalian dengan cara klik kanan pada folder>Open with google chrome.
Maka,hasilnya akan seperti ini:
Selamat,kalian sudah berhasil membuat website sederhana ini dan kalian dapat mengembangkan nya sendiri!
Selamat mencoba,sampai jumpa di tutorial berikutnya!
No comments:
Post a Comment