Ads 468x60px

Selasa, 30 Oktober 2007

Pengantar ke HTML

1 dari 25 Artikel Mengenai Html
Oleh Wawan Hartanto


Ketika harus mengajarkan html, saya lebih suka memakai Plain Text Editor ketimbang yang WYSIWYG. Ini cukup bagus dalam menanamkan konsep bahasa pemrograman web kepada siswa. Aplikasi yang diperlukan cuma Notepad, namun saya lebih menyukai Notepad++ karena memiliki fitur lebih komplet. Silahkan klik disini kalau ingin mendownload aplikasi tersebut. Gratis!

Siapapun yang mempelajari script html akan banyak berurusan dengan tag (label atau etiket). Umumnya tag berpasangan, namun ada juga tag tunggal. Setiap tag menyatakan satu instruksi tertentu.

Pasangan tag yang harus dikenal pertama oleh pemula adalah <html> dan </html>. Keduanya merupakan pembuka dan penutup yang menunjukkan awal serta akhir dari sebuah script html. Tag-tag lainnya harus ditulis diantara kedua tag tersebut.

Dokumen html memiliki struktur umum terdiri dari header dan body. Di bagian header terdapat judul halaman, meta-tag, style, serta mungkin CSS. Sedangkan body adalah bagian dimana kita harus meletakkan isi pokok dari dokumen html tersebut.




<html>

<head>
<title> ................ </title>
</head>

<body>
................
</body>

</html>



Listing diatas memperlihatkan struktur umum dari sebuah dokumen html sederhana. Sekarang mari kita lihat contohnya:



<html>

<head>
<title> Halaman web pertamaku </title>
</head>

<body>
Hallo Dunia !!!<br>
Inilah Halaman Web Pertamaku<br>
Aku Ingin Menjadi Seorang Webmaster
</body>

</html>


Tag <br> dalam contoh diatas dipakai untuk memutus baris. Tag tersebut tidak memiliki pasangan karena termasuk tag tunggal.

Dalam prakteknya, kita kita bisa memandu siswa mengikuti langkah-langkah berikut:
  1. Jalankan aplikasi Notepad
  2. Ketik script contoh diatas seluruhnya
  3. Klik menu File, pilih Save As
  4. Didalam kotak file name, masukkan nama file lengkap dengan ekstensinya. Ekstensi yang dimaksud adalah .html. Jadi jika misal ama filenya adalah coba maka harus ditulis coba.html
  5. Pada kotak save as type, pilih All Files
  6. Klik Save.
Untuk mengeksekusi file html diatas, ikuti langkah berikut:
  1. Silahkan navigasi ke folder tempat dimana file html tersebut tersimpan.
  2. Double-klik nama file html yang bersangkutan, dan browser akan memperlihatkan hasilnya.
Selamat mencoba!

Kamis, 25 Oktober 2007

Reorganisasi Pengurus

Setelah sempat tertunda pada ketiga pertemuan sebelumnya, akhirnya pada pertemuan keempat, tanggal 24 Oktober 2007, berhasil dilaksanakan pergantian pengurus. Hal ini dipandang mendesak sehubungan tugas baru Pak Catur Irwanto, ST di SMA NEGERI 1 NGAWEN sebagai guru mapel fisika. Seperti diketahui bahwa Pak Totok, demikian teman-teman biasa memanggil beliau, adalah ketua MGMP TIK SMA Blora sejak 2005 lalu.

Proses pemilihan pengurus baru tidak terlalu sulit dan inilah pengurus inti baru tersebut:
  1. Linarto, S.Kom (SMA NEGERI 2 BLORA), selaku Ketua.
  2. Drs. Wawan Hartanto (SMA NEGERI 1 CEPU), selaku Wakil Ketua.
  3. Dwi Handayani, S.Kom (SMA NEGERI 1 BLORA), selaku Sekretaris.
  4. Apandji, ST (SMA NEGERI 1 NGAWEN), selaku Bendahara.

Inilah wajah-wajah pengurus baru. Dari kanan ke kiri masing-masing Dwi Handayani (Sekretaris), Wawan Hartanto (Wakil Ketua), Linarto (Ketua), dan Apandji (Bendahara).


"Saya sudah merasa plong sekarang dan selamat bertugas ya dik Lin!", demikian kata Pak Totok sambil menyalami ketua terpilih yang baru.