Jumat, 17 April 2015

HTML (HYPERTEXT MARKUP LANGUAGE)
Pengertian : Hyper Text Markup Language (HTML) adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web dan kemudian  dapat diakses untuk menampilkan berbagai informasi di dalam sebuah browser.
 Struktur HTML Document Document HTML bisa di bagi mejadi tiga bagian utama:

Ø  HTML.  Setiap document HTML harus di awali dan di tutup dengan tag HTML
Ø  HEAD.  Bagian header dari document HTML di apit oleh tag di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada judul browser. Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bisa menentukan nama penulis, kata kunci  dan lainnya pada tag META.
Ø  BODY. Tag BODY digunakan untuk menampilkan text, gambar link dan semua yang akan di tampilkan pada web page.





Contoh Pemakaian Tag HTML Pada Program

1.      Menggunakan tag <p> untuk membuat paragraph, tag judul <h1> s/d <h6> untuk
pembesaran huruf, dan tag <br> untuk ganti baris.






2.      Pemakaian tag Font : face (untuk jenis font), size (untuk ukuran font), color (untuk warna font) bgcolor(untuk warna background).




3.      Penggunaan tag <UL> untuk daftar list yang tidak diberi nomor,  tag <LI> untuk daftar item yang
diberi bulatan.



4.      Penggunaan tag <BODY BACKGROUND> untuk menampilkan background dan tag <IMG SRC> untuk menampilkan gambar. Pengaturan ukuran gambar dengan atribut HEIGHT dan WEIGHT, serta penggunaan atribut BORDER untuk memberi bingkai gambar. Jika ingin gambarnya masih tetap ada ataupun tidak pecat saat kita buka ke computer lain, maka copy saja nama filenya dan tambah nama formatnya apa(.jpg, .png, dll) dan jadikan satu file gambar tersebut ke dalam 1 folder dengan script anda. Jangan ikut sertakan nama tempat dimana gambar disimpan.






5.       PENGGUNAAN TABEL
Tag-tag yang digunakan :
<TABLE> untuk pembuatan tabel, dengan atribut BORDER untuk memberi bingkai.
<CAPTION> menentukan judul tabel
<TR> membuat baris dalam tabel
<TH> membuat judul kolom
<TD> membuat sebuah sel data




6.      Pengaturan jarak dalam tabel :
CELLSPACING mengatur jarak bagian sel thd tepi dalam bingkai tabel.
 CELLPADDING mengatur jarak teks terhadap tepi kiri.





7.      PEMBUATAN LINK
 Penggunaan tag <a href> adalah untuk membuat link ke halaman lain atau ke bagian lain dari halaman tersebut.





8.      Menggunakan bookmark pada suatu halaman web yang panjang.




9.      Pilihan menu dengan menu dropdown




10.   Pemakaian Tag META
Ditempatkan dalam bagian header, dan biasanya diletakkan setelah </TITLE>.
Digunakan untuk menyimpan sejumlah informasi.
Contoh :
*      Jika anda membuat dokumen HTML melalui FrontPage 2000 akan muncul tag meta sebagai berikut :  <META NAME=”Generator” CONTENT=”Microsoft FrontPage 4.0”>
*       Agar halaman web yang dibuat disertakan ketika mesin pencari web (mbah Google) melakukan pencarian, gunakan atribut keywords, semakin banyak keywords yang dimasukkan, akan semakin besar halaman web disebutkan dalam hasil pencarian. Contoh : <META NAME=”keywords” CONTENTS=”teknologi, komputer, telekomunikasi”>.
*      Mengarahkan ke halaman lain.
     
Contoh script :



Contoh hasilnya :