ARI JULIANTO Network www.arijulianto.com

Oleh | HTML | | Dibaca 3.314 kali | 0 komentar

Oke deh... setelah sebelumnya kita telah membahas mengenai apa itu HTTP dan bagaimana HTML itu, sekarang adalah saat yang tepat untuk memulai menulis dokumen HTML di text editor kesayangan Anda. Kalo saya pribadi lebih suka Notepad, karena simple, mudah dipakai dan pasi ada di semua versi Windows. Oke kita anggap saja text editor yang kita pakai adalah Notepad bawaan Windows.

Seperti telah dijelaskan pada materi pengenalan HTML bahwa syntax penulisan dokumen HTML dibagi ke dalam dua bagian utama, HEAD dan BODY seperti berikut ini. 

<HTML>

<HEAD>

	<title>Judul Halaman Web Anda di sini</title>

</HEAD>

<BODY>

area konten web Anda seperti paragraph, gambar, tabel, dll

</BODY>

</HTML>

Sebagai percobaan, silakan buat dokumen seperti ini

<HTML>

<HEAD>

	<title>Belajar HTML di ARI JULIANTO Network</title>

</HEAD>

<BODY>

ternyata membuat webpage itu asyik ya!!!!

</BODY>

</HTML>

O iya ada hal yang perlu saya sarankan mengenai penulisan tag HTML. Diupayakan dalam penulisan tag HTML agar membiasakan menulis dengan huruf BESAR atau KAPITAL, kecuali atribut dan tag di dalam tag seperti <title> yang berada di dalam <HEAD>. Hal lain yang perlu diketahui adalah bahwa di dalam tag terdapat properti tag yang disebut dengan atribut, misalnya tag FONT memiliki atribut color, size dan face sehingga bisa ditulis <FONT color=KodeWarna size=ukuran face=NamaFont>...</FONT>.

Back to basic... simpanlah dokumen yang Anda buat di Notepad tadi lalu beri nama file tersebut misalnya dasar_html diikuti .html atau .htm (dasar_html.html) kemudian pada Save As type pilih All files (*.*) kemudian klik Save. Jika proses penyimpanan (saving) berhasil, buka salah satu browser kesayangan Anda untuk melihat hasil karya Anda tadi, misalnya kita gunakan Mozilla Firefox. Tekan Ctrl + O atau klik menu File > Open File... lalu cari file yang tadi Anda buat lalu pilih Open, maka akan tampil halaman web kira-kira seperti berikut.

ternyata membuat webpage itu asyik ya!!!!

Perhatikanlah, apa-apa yang kita tulis diantara <title> dan </title> ditampilkan secara utuh pada bagian titlebar browser, sedangkan semua yang ditulis diantara <BODY> dan </BODY> berada di area konten web.

O iya, agar data Anda tidak berantakan atau kebingungan atau susah nyari, baiknya buat dulu folder untuk menyimpan file-file HTML Anda di dalam sebuah folder baru, misalnya di drive D: kita buat folder dengan nama My Web, jadi nanti semua file HTML yang kita buat tinggal akses aja di "D:/My Web".