Tutorial HTML Part1 : Apa Itu HTML Dan Cara Penulisannya

| |
Tutorial HTML Part1 : Apa Itu HTML Dan Cara Penulisannya

HTML adalah singkatan dari HyperText Markup Language merupakan sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman website, jadi halaman dari website yang selama ini dilihat merupakan hasil dari kode html dan juga kode lainya tetapi sebagian besar adalah kode html, untuk melihat kode html dari halaman website silahkan tekan "ctrl+u" di halaman website tersebut, maka anda akan melihat kode yang sangat banyak itulah kode html, tetapi jangan dikira dulu kode itu semua di ketikan manual, ada bagian-bagian yang diketikan manual lainnya nanti akan anda tau sendiri bagai mana cara nya.

oke sebelum memulai membuat halaman html anda harus sudah memiliki  dan menginstal peralatan tempurnya sebagai berikut :

  1. xampp, apa itu xampp silahkan baca disini
  2. text editor terserah anda, tetapi disarankan sublime text silahkan baca disini

jika peralatan diatas sudah lengkap langsung saja mulai membuat halaman htmlnya, pertama silahkan buat dulu folder baru di dalam htdoct anda buat nama terserah anda saya disini membuat nama folder dan strukturnya sebagai berikut "htdoct/tutorial/html" boleh diikuti boleh tidak.

sliahkan buat file baru "new -> text document" didalam folder yang anda buat tadi untuk nama terserah anda saya disini membuat nama belajar1 dan jangan lupa diberi extensi ".html" sebagai berikut ini :

belajar-html

Selanjutnya silahkan dibuka menggunakan text editor anda dan mulai mengketikan kode html dasar dibawah ini :

<!DOCTYPE html>
<html>
<head>
	<title> <!-- isi dengan title yang anda inginkan --> </title>
</head>
<body>
<!--  disini tuliskan kode mu -->
</body>
</html>

nah dikode diatas sudah jelas kalau kode itu adalah kode html karena diawali dengan html, dibagian <title> sampai </title> disanalah anda tuliskan tulisan/title website anda, tulisan itu akan muncul ditab atas browser saat website dibuka selanjutnya untuk isi website anda silahkan diisi didalam bagian <body> sampai </body>.

selanjutnya silahkan rubah kode diatas menjadi seperti dibawah :

<!DOCTYPE html>
<html>
<head>
	<title> Belajar HTML </title>
</head>
<body>
INI FILE HTML SAYA PERTAMA
</body>
</html>

jika sudah selesai silahkan buka browser dengan alamat diawali "localhost/nama folder jika ada/nama sub folder jika ada/nama filenya.html ", dan jangan lupa juga xampp-control-panelnya di jalankan, seperti di tutorial ini

belajar-html

jika sudah tampil seperti diatas itu artinya anda sudah berhasil membuat halaman html dan kodenya, selamat.


Share Article :