Belajar HTML Basic (1)

00.19 Diposting oleh Arief Rahman

HTML (Hyper Text Markup Language) ini adalah bahasa basic untuk sebuah website. Bahasa HTML ini adalah cikal bakal dari yang namanya internet yang bisa kita nikmati sekarang. Saat ini banyak sekali bahasa pemrograman di dunia maya, tetapi dari sekian banyak bahasa program semua memakai dasar bahasa HTML ini.

Tanpa panjang lebar, mulai saat ini saya akan membuat rangakain berseri untuk pemula yang ingin belajar membuat website. Tutorial HTML ini akan dijelaskan secara mendasar bagi anda yang ingin mengetahui bahasa HTML.

Untuk membuat sebuah file HTML, saat ini banyak aplikasi yang digunakan seperti Front Page dan Macromedia Dreamweaver yang paling tenar diantara yang lain. Tapi disini akan dijelaskan tidak menggunakan software/aplikasi pendukung. Dalam tutorial ini kita akan belajar membuat file HTML menggunakan Notepad.

Sebelum memulai, file HTML dapat disimpan dalam dua bentuk ekstensi (extention) yaitu : *.html dan *.htm. Keduanya sama saja, tidak ada bedanya. Mari kita mulai membuat file : index.html. Untuk membuatnya tahap-tahapnya sebagai berikut :

1. Buka Notepad yang ada di Start > All Program > Accesories > Notepad
2. Setelah terbuka notepadnya, maka ketik bahasa html seperti berikut :


<html>
<head>
<title>Ini judul web anda</title>
</head>
<body>
Disini isi website anda
</body>
</html>


3. Buat sebuah folder khusus untuk belajar html ini.
4. Simpan file tersebut dengan nama : index.html atau bisa juga dengan index.htm
5. Buka file index.html dengan browser yang anda gunakan, Internet Explorer (IE), Firefox Mozilla atau Opera

Bahasa HTML terdiri dari tag-tag yang saling mendukung dan mempunyai properti masing-masing. Contoh diatas adalah tag standar yang digunakan. Setiap tag terdiri dari dua tag, yaitu tag buka dan tag tutup. Berikut akan dijelaskan tag-tag yang ada diatas :
tag html adalah tag dasar untuk halaman web.
tag head didalam tag ini nantinya bisa dimasukan script-script tambahan
tag title disini akan diletakkan judul web.
tag body isi yang akan terlihat di browser website.

Tunggu yaa kelanjutannya…

0 komentar: