Senin, 10 November 2008

TUGAS HTML nich...!!

Soal :

1. Jelaskan pengertian singkat HTML!
2. Sebutkan software yang diperlukan dalam membuat website static:
* editor :
*browser :
3. Buat struktur Umum HTML!
4. Sebutkan langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan!
5. Sebutkan tag -tag yang anda ketahui dan berikan contoh penggunannya (minimal 15 tag)!


Jawab :

1. HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, dan menampilkan berbagai informasi di dalam sebuah browser internet.

2. Software yang diperlikan untuk membuat website static :
* editor
: notepad, dreamweaver, phexpert, zens, frontpage

* browser
: internet explorer, mozilla firefox, opera, google chrome

3. Struktur Umum HTML :

<HTML>
<HEAD>
<TITLE>

*untuk judul*

</TITLE>
</HEAD>
<BODY>

*untuk bagian body*

</BODY>
</HTML>

4. Langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan :
a. Buka aplikasi notepad, dengan cara klik start > All Programs > Accessories > Notepad.
b. Ketik program HTML nya, dan sebagai contoh :
<HTML>
<HEAD>
<TITLE>
Apa itu HTML ?
</TITLE)>
</HEAD>
<BODY>
HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, dan menampilkan berbagai informasi di dalam sebuah browser internet.
</BODY>
</HTML>
c. Simpan program tadi dengan ekstensi .html (contoh : HTML.html),dengan cara klik file > save > ketik nama file > save.
d. Jika ingin membukanya caranya, buka browser internet explorer dengan cara klik start > All Programs > Internet Explorer.
e. Pada browser tadi klik File > Open > Browse. Dan carilah file yang disimpan tadi (contoh : HTML.html), lalu klik.
f. Pada layar browser akan tampak tampilan hasil program yang kita buat tadi.

5. Tag HTML :

* <br>, pindah baris
* <hr>, bikin garis horizontal
* <i>, membuat teks miring
* <td>, kolom pada tabel
* <tr>, baris pada tabel
* <u>, biar teks bergaris bawah
* <b>, biar teks jadi tebal
* <marquee>, membuat teks berjalan
* <html>, berarti dokumen html
* <a href>, membuat link ke halaman lain atau ke bagian lain dari halaman itu
* <blink>, membuat teks berkedip
* <head>, mendefinisikan head dokumen
* <title>, mendefinisikan title
* <big>, memperbesar ukuran font satu point dari ukuran default nya
* <caption>, membuat caption pada tabel
* <font>, mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks
* <h1>, ukuran font
* <ol0>, mendefinisikan awal dan akhir list
* <li>, Membuat bulletpoint atau baris baru pada list
* <area>, mendefinisikan daerah yang dapat di klik (link) pada image map