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
- < a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
- < a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
- < applet> Sebagai awal dari Java applets
- < area> Mendefinisikan daerah yang dapat diklik (link) pada image map
- < b> Membuat teks tebal
- < basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
- < bgsound> Memberi (suara latar) background sound pada halaman web
- < big> Memperbesar ukuran teks sebesar satu point dari defaultnya
- < blink> Membuat teks berkedip
- < body>Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
- < br> Pindah baris
- < caption> Membuat caption pada tabel
- < center> Untuk perataan tengah terhadap teks atau gambar
- < comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
- < dd> Indents teks
- < div>Represents different sections of text.
- < embed> Menambahkan sound or file avi ke halaman web
- < fn> Seperti tag
- < font>Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
- < form> Mendefinisikan input form
- < frame> Mendefinisikan frame
- < frameset>Mendefinisikan attribut halaman yang akan menggunakan frame
- < h1>> … < h6> Ukuran font
- < head> Mendefinisikan head document.
- < hr> Membuat garis horizontal
- < html> Bararti dokumen html
- < li> Membuat teks miring
- < img>Image, imagemap atau an animation
- < input> Mendefinisikan input field pada form
- < li> Membuat bullet point atau baris baru pada list
- < map> Mendefinisikan client-side map
- < marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
- < nobr>Mencegah ganti baris pada teks atau images
- < noframes> Jika browser user tidak mendukung frame
- < ol> Mendefinisikan awal dan akhir list
- < p> Ganti paragraf
- < pre>Membuat teks dengan ukuran huruf yg sama
- < script> Mendefinisikan awal script
- < table> Membuat tabel
- < td>Kolom pada tabel
- < title> Mendefinisikan title
- < tr> Baris pada tabel
- < u > Membuat teks bergaris bawah