Tutorial HTML Dasar

Untuk latihan ini, kita bisa gunakan notepad( untuk pengguna windows) atau gedit untuk pengguna (ubuntu).
Pertama ketikkan kode ini :

<html>
<head>
<title>Belajar HTML Dasar</title>
</head>
<body>
<h1>halo</h1>
<h2>halo></h2>
<h3>halo></h3>
<h4>halo></h4>
<h5>halo</h5>
<h6>halo></h6>
<p>untuk tutorial lebih, klik <a href="jockerdt.blogspot.com">link ini. Pada tag ini kita bisa menuliskan isi dari halaman web.</a>
</p>
</body>
</html>



Simpan file ini sebagai dokumen HTML. Caranya pilih file > save as nama_file.html.
Kemudian buka file dari derektori tempat penyimpanan kita dengan browser seperti firefox atau yang lainnya.



<html>
Tag ini adalah intruksi tag yang menjadi pengenal bahwa data ini ditulis sebagai dokumen HTML. Dengan tag ini browser yang kita gunakan mengenali dokumen ini dan dapat memproses sebagai halaman web.

</html>
Ini adalah tag penutup tanda akhir dari dokumen html. Jadi browser akan memproses dokumen ini menjadi halaman web yang lebih mudah kita mengerti. Menbuat tag penutup merupakan suatu keharusan supaya browser mengerti akhir dari dokumen yang sedang diproses.

<head> ... </head>
Tag ini biasa berisi berbagai informasi tentang halaman web yang tidak ditampilkan di browser.

<title> ... </title>
Tag ini berguna sebagai judul dari halaman web.



<body> ... </body>
Ini adalah badan dari halaman web dan isi dari halaman web. Inilah yang kita lihat setiap kali kita buka website dengan browser.

<h1> ... </h1> sampai dengan <h6> ... </h6>
Ini adalah kepala dari badan helaman web yang kita buat.
Perbedaan keenamnya yaitu ukuran teks yang ditampilkan pada browser. Tag header ini hanya ada sampai 6 tingkat.

<p> ... </p>
Di tag ini kita membuat isi dari halaman website.

Masih banyak lagi tag-tag dalam dokumen HTML. Tapi HTML tidak terlalu susah untuk dipelajari kok.
Bagi yang ingin belajar lebih boleh unduh ebooknya di http://jockerdt.blogspot.com/2013/08/ebook-html-css-dan-javascript.html.
Selamat ber-HTML-ria.

0 komentar:

Posting Komentar

Hai :)




Kategori