Tutorial HTML Sederhana
Di postingan kali ini saya akan menunjukkan tutorial membuat HTML sederhana. Untuk mengetahui apa itu html klik disini.
Kembali ke topik, sekarang kita akan mencoba membuat kode HTML sendiri, pertama siapkan dulu software text editor seperti notepad. Kalian bisa menggunakan software text editor apapun tetapi jika kalian tidak memiliki yang lain kalian bisa menggunakan notepad bawaan windows.
Setelah membuka notepad kalian bisa mengcopas code dibawah
<html>
<head>
<title>Disini kalian bisa memberi judul sesuka kalian</title>
</head>
<body>
<h1>Disini kalian bisa isi sesuka kalian</h1>
</body>
</html>
Setelah kalian copas code diatas ke notepad, kalian save filenya dengan cara ctrl+s atau bisa juga dengan mengklik file dipojok kiri atas lalu pilih save atau save as. Setelah itu di bawah file name ada tulisan save as type kalian ganti dengan all files lalu dibelakang filenya kalian kasih format .html contoh saya memberi file ini dengan nama belajar.html
Kembali ke topik, sekarang kita akan mencoba membuat kode HTML sendiri, pertama siapkan dulu software text editor seperti notepad. Kalian bisa menggunakan software text editor apapun tetapi jika kalian tidak memiliki yang lain kalian bisa menggunakan notepad bawaan windows.
Setelah membuka notepad kalian bisa mengcopas code dibawah
<html>
<head>
<title>Disini kalian bisa memberi judul sesuka kalian</title>
</head>
<body>
<h1>Disini kalian bisa isi sesuka kalian</h1>
</body>
</html>
Setelah kalian copas code diatas ke notepad, kalian save filenya dengan cara ctrl+s atau bisa juga dengan mengklik file dipojok kiri atas lalu pilih save atau save as. Setelah itu di bawah file name ada tulisan save as type kalian ganti dengan all files lalu dibelakang filenya kalian kasih format .html contoh saya memberi file ini dengan nama belajar.html
setelah kalian save kalian buka file tersebut dan akan muncul seperti ini saat kaliana buka dengan browser kalian
Penjelasan:
<html> dan </html> = Digunakan untuk mendefinisikan root dari suatu dokumen html
<head> dan </head> = Digunakan untuk memberikan informasi tentang dokumen html tersebut
<title> dan </title> = Digunakan untuk memberi judul pada dokumen html tersebut
<body> dan </body> = Digunakan untuk mendefinisikan isi dokumen html tersebut.
<h1> dan </h1> = Biasanya h1 digunakan untuk halaman blog/web jika berada di homepage, h1 bisa diganti dengan h2,h3,h4,h5, dan h6 kalian bisa mencoba untuk menggantinya sendiri.
Sekian tutorial dari saya semoga bermanfaat, jika ada yang kurang jelas mohon maaf :3
Komentar
Posting Komentar