Senin, 10 November 2008

Tugas Membuat HTML

1. Pengertian HTML

HTML adalah bahasa markup yang umum digunakan. HTML merupakan singkatan dari Hypertex Markup Language.HTML digunakan untuk membangun halaman WEB.Sekalipun banyak orang menyebutnya sebagai bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman, hal ini terlihat dari namanya, HTML adalah suatu bahasa Markup.
HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Pembuatan dokument WEB dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen WEB dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman WEB baik berupa teks, gambar, suara, animasi maupun video.

2. Software Yang Diperlukan Dalam Membuat Website Static

* Editor : Notepad, Dreamweaver,phexpert, zens, frontpage
* Browser : internet explorer, mozilla firefox, opera, google chrome

3. Struktur Umum HTML

<HTML>
<HEAD>
<TITLE>

-tulis judul disini-

</TITLE>
</HEAD>
<BODY>

-tulis bagian body disini-

<BODY>
<HTML>

4. Langkah-Langkah Membuat HTML

1. Buka aplikasi notepad. Caranya klik start > All Programs > Accessories > Notepad. Atau klik start > Run > ketik notepad pada kotak dialog > ok.
2. Ketik program HTML nya, dan sebagai contoh dibawah yang saya buat :
<HTML>
<HEAD>
<TITLE>
Hellow Dunia!!!
</TITLE>
</HEAD>
<BODY>
Saya sedang belajar HTML neyh!!!
</BODY>
</HTML>
3. Lalu simpan program tersebut dengan ekstensi .html (contoh : Latihan.html), dengan cara klik file > save as> ketik nama file > save.
4. Jika ingin membukanya dan melihat hasilnya, buka browser internet explorer dengan cara klik start > All Programs > Internet Explorer.
5. Pada browser tadi klik File > Open > Browse. Dan carilah file yang disimpan tadi (contoh : Latihan.html), lalu klik.
6. Pada layar browser akan tampak tampilan hasil program yang kita buat tadi.

5. Tag-Tag Dalam HTML

  1. <hr> : bikin garis horizontal
  2. <i> : membuat teks miring
  3. <blink> : membuat teks berkedip
  4. <head> : mendefinisikan head dokumen
  5. <title> : mendefinisikan title
  6. <caption> : membuat caption pada tabel
  7. <font> : mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks
  8. <h1> : ukuran font
  9. <ol> : mendefinisikan awal dan akhir list
  10. <li> : Membuat bulletpoint atau baris baru pada list
  11. <area> : mendefinisikan daerah yang dapat di klik (link) pada image map
  12. <br> : pindah baris
  13. <marquee> : membuat teks berjalan
  14. <a href> : membuat link ke halaman lain atau ke bagian lain dari halaman itu
  15. <td> : kolom pada tabel
  16. <u> : biar teks bergaris bawah
  17. <b> : biar teks jadi tebal




1 komentar:

Ayu'ex... mengatakan...

kok ga pkek tag ???