Sebelum Kamu belajar HTML pastikan kamu sudah menginstal notepad++ atau Sublimetext untuk mempermudah dalam memilah koding yang akan kamu buat nanti
Document HTML di mulai dengan <html> dan </html> untuk mengakhiri.
Contoh Document HTML
Contoh Document HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</body>
</html>
Save file dengan nama belajar.html kemudian double klik file untuk membuka browser dan hasilnya akan menjadi seperti ini :
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</body>
</html>
This is a heading
This is a heading
This is a heading
This is a paragraph.
<!DOCTYPE html>/*Menyatakan Document Adalah HTML*/
<html>/*Memulai Coding HTML*/
<head>/*Membuka Bagian Head*/
<title>Page Title</title>/*Judul Halaman HTML*/
</head>/*Menutup Bagian Head*/
<body>/*Membuka Bagian Body*/
<h1>This is a heading</h1>/*Membuat judul isi*/
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>/*Memulai dan menutup paragraf*/
</body>/*Menutup Bagian Body*/
</html>/*Menutup Halaman HTML*/
<html>/*Memulai Coding HTML*/
<head>/*Membuka Bagian Head*/
<title>Page Title</title>/*Judul Halaman HTML*/
</head>/*Menutup Bagian Head*/
<body>/*Membuka Bagian Body*/
<h1>This is a heading</h1>/*Membuat judul isi*/
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>/*Memulai dan menutup paragraf*/
</body>/*Menutup Bagian Body*/
</html>/*Menutup Halaman HTML*/
Diantara tag pembuka dan penutup kamu bisa memasukkan banyak kode lain dengan teknologi seperti (CSS, JavaScript, Flash, Jquery, AJAX, JSON) dan lainnya yang dapat digunakan untuk mendefinisikan elemen dari sebuah halaman web. Akan tetapi, pada level paling rendah, sebuah halaman web didefinisikan dengan menggunakan HTML (HyperText Markup Language). Tanpa HTML maka tidak akan ada halaman web.
Comments
Post a Comment