Belajar Dasar HTML Yuk!!

HTML, Belajar Koding Yuk

Hyper Text Markup Language atau yang biasa disingkat dan kita tahu HTML adalah bahasa yang harus kita ketahui sebagai Website Programmer. HTML digunakan untuk membuat halaman website yang akan dapat dilihat atau dibuka di browser, seperti : Mozilla Firefox, Google Chrome, Safari, Opera Mini, dan berbagi macam jenis browser lainnya.

Langsung saja mari kita membuat sebuah HTML. Buka Notepad Anda lalu masukkan kode dasar HTML di bawah ini :
<!DOCTYPE HTML>
<html>
<head>
<title>Html Pertamaku</title>
</head>
<body>
ini adalah konten dari websiteku
</body>
</html>

Setelah Anda menulis kode tersebut di Notepad Anda, lalu simpan dengan nama "websiteku.htm" atau Anda bisa mengganti sesuai keinginan Anda. Perlu di ingat tambahkan tanda kutip ganda pada nama filenya. Jika Anda lupa maka nama filenya akan menjadi ekstensi default yaitu .txt sehingga menjadi websiteku.htm.txt.

Buka browser Anda, klik "file" lalu "open file" cari file websiteku.htm yang sudah Anda buat, maka browser akan menampilkan seperti gambar di bawah :

Belajar Dasar HTML, belajar koding yuk

Keterangan dari kode HTML diatas adalah :
  • Setiap tag selalu berada didalam tanda lebih besar "<" dan lebih kecil ">". Misalnya seperti yang Anda lihat pada tag <html>. Tag html selalu ditutup atau diakhiri dengan tag </html> yang berada diakhir kodingan.
  • Tag <html> adalah tag yang akan memberitahukan browser bahwa ini adalah awal dari kode HTML Anda. Dan tag </html> adalah tag yang memberitahu browser bahwa disinilah akhir dari HTML yang Anda buat.
  • Text yang berada didalam <head> dan </head> adalah informasi dari header dan tidak akan muncul dibrowser Anda.
  • Tag <title> adalah tag yang akan menjadi judul dari website atau halaman HTML Anda.
  • Tag <body> yaitu tag yang akan seluruh isi pada browser Anda.
Bagaimana? cukup mudahkan untuk belajar HTML.
Sebagai catatan jika Anda ingin merubah file html Anda, dan setelah Anda merubahnya lakukan refresh pada browser Anda untuk melihat perubahannya
Demikian tutorial dasar HTML dari saya, semoga bermanfaat dan terus belajar.

Previous
« Prev Post