1. Persiapan

Bismillahirrahmanirrahim...

Dalam dunia internet, kita pasti sudah mengenal yang namanya website. Nah bagaimana caranya membuat website, HTML adalah salah satu pemrograman dasar yang digunakan untuk menampilkan halaman web. Pengetahuan HTML mutlak diperlukan untuk menjadi web developer. Bahkan bahasa HTML juga penting bagi yang terbiasa menggunakan web berbasis wordpress, blogspot, opencart, dll.

Tutorial ini ditujukan untuk pemula yang belum paham tentang dunia per HTMLan. Jika sudah bukan pemula, boleh melewati bahasan ini, monggo...

Untuk memulai belajar HTML, marilah kita persiapkan poin2 di bawah ini:

  1. Laptop/PC
    Kalau ga punya laptop, gpp. Kita bisa pinjam teman atau tetangga :P
     
  2. Install web server (XAMPP)
    Web server ini kita gunakan untuk menjalankan HTML, penjelasan lebih detail tentang web server akan diposting pada materi yang lain. Yang penting saat ini kita bisa install web server di komputer kita.
    Disini kita pakai XAMPP, karena dia sangat populer dan gratis, fitur lumayan lengkap, dan yg penting mudah dipakai. Terbukti sy sendiri pakai :-).
    Langsung saja download xampp versi terbaik di sini : https://www.apachefriends.org/download.html 
    Install di PC/Laptop, lalu jalankan.
     
  3. Editor (Sublime)
    Editor ini nanti kita gunakan untuk mengetik kode program HTML, sy pilih sublime karena mudah dipakai, ringan, dan gratis, cocok seperti yang kita inginkan :D
    Oh iya, pakai versi "Sublime Text 3" ya....
    Download di https://www.sublimetext.com/3 
    Install di PC/Laptop, lalu coba jalankan.
     
  4. Running (Browser)
    Untuk browser saya rekomendasikan pakai chrome, apa pakai yang lain ga boleh? ya boleh aja, ini hanya soal selera...

Untuk menjalankan file HTML pertama, ikuti langkah di bawah ini:

1. Buka xampp control panel, lalu klik tombol "Start" pada baris apache.

start apache

2. Buat file pada c:/xampp/htdocs/belajar_html/index.html

Alamat c:/xampp/htdocs/ sesuaikan dengan instalasi xampp anda, kalau di drive D, ganti menjadi D:/xampp/htdocs/
Jika folder belajar_html belum ada, silahkan dibuat.

3. Buka sublime text 3, lalu isikan kode html dibawah ini, lalu save.

Klik file, open folder, pilih C:/xampp/htdocs/belajar_html/ lalu "Select Folder"
Disisi kiri ada file index.html yang telah anda buat tadi ketikkan kode dibawah ini:

<!DOCTYPE html>
<html>
	<head>
		<title>Judul Halaman</title>	
	</head>
	
	<body>	
		<h2>Selamat Datang</h2>
		<p>Halo Guys, apa kabar hari ini?</p>
		<p>Pastinya kabar baik ya... Ayo tetap semangat</p>	
	</body>
</html>

4. Buka browser, klik pada url http://localhost/belajar_html/index.html

Jika hasilnya sama seperti dibawah ini berarti kita telah berhasil menjalankan file html di web browser dengan apache web server.

 


Okay, sebelum lanjut ke materi selanjutnya, bagian persiapan ini harus sudah beres...

Jika ada yang belum sukses, silahkan bertanya dikolom komentar...

Yang sudah sukses, Alhamdulillah, kita lanjut ya....