HTML

software yang diperlukan dalam membuat website static

Macromedia Dreamweaver

Macromedia Flash,

Adobe Photoshop

*editor: note pad,Microsoft Word

*browser : internet exploler,Mozilla Firefox

Pengertian singkat HTML

HTML merupakan singkatan dari Hyper Text Markup Language. HTML merupakan suatu bahasa pemrograman yang digunakan untuk membangun sebuah website. Ciri utama suatu website yang dibangun dengan HTML adalah digunakan .html sebagai nama ekstensi file-file website tersebut.

Struktur Umum HTML

< html >

< head >

< title >

< /title >

< /head >

< body >

< /body >

< /html >

Langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan

1.Bukalah aplikasi Notepad.Caranya denganmengklik start>all programs>Accessories>Notepad

2 Ketikan program berikut

< html >

< head >

< title >

Coba HTML

< /title >

< /head >

< body >

halooo....every body...

< h1 >ini adalah sebuah pargraf, paragraf 1

< /h1 >

< p>Internet merupakan akronim dari Interconnected Network, < br >yaitu suatu sistem komunikasi yang bersifat global. < br>

Internet dibangun oleh ribuan komputer yang saling terhubungan di seluruh dunia < /p>

< /body>

< /html>

3. Simpanlah program tersebut dengan nama (contoh : 1.html)

4. Bukalah Internet Exploler dengan cara mengklik Start>All Programs>Internet Exploler.

5. Klik File>Open>Brwser. Carilah file (contoh : 1.html) tersebut, kemudian klik

6. Pada layar akan tampak tampak tampilan hasil dari program yang telah anda buat

Macam-macam TAG

1. < a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
2. < a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
3. < applet> Sebagai awal dari Java applets
4. < area> Mendefinisikan daerah yang dapat diklik (link) pada image map
5. < b> Membuat teks tebal
6. < basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
7. < bgsound> Memberi (suara latar) background sound pada halaman web
8. < big> Memperbesar ukuran teks sebesar satu point dari defaultnya
9. < blink> Membuat teks berkedip
10. < body>Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
11. < br> Pindah baris
12. < caption> Membuat caption pada tabel
13. < center> Untuk perataan tengah terhadap teks atau gambar
14. < comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
15. < dd> Indents teks
16. < div>Represents different sections of text.
17. < embed> Menambahkan sound or file avi ke halaman web
18. < fn> Seperti tag
19. < font>Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
20. < form> Mendefinisikan input form
21. < frame> Mendefinisikan frame
22. < frameset>Mendefinisikan attribut halaman yang akan menggunakan frame
23. < h1>> … < h6> Ukuran font
24. < head> Mendefinisikan head document.
25. < hr> Membuat garis horizontal
26. < html> Bararti dokumen html
27. < li> Membuat teks miring
28. < img>Image, imagemap atau an animation
29. < input> Mendefinisikan input field pada form
30. < li> Membuat bullet point atau baris baru pada list
31. < map> Mendefinisikan client-side map
32. < marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
33. < nobr>Mencegah ganti baris pada teks atau images
34. < noframes> Jika browser user tidak mendukung frame
35. < ol> Mendefinisikan awal dan akhir list
36. < p> Ganti paragraf
37. < pre>Membuat teks dengan ukuran huruf yg sama
38. < script> Mendefinisikan awal script
39. < table> Membuat tabel
40. < td>Kolom pada tabel
41. < title> Mendefinisikan title
42. < tr> Baris pada tabel
43. < u > Membuat teks bergaris bawah