Senin, 10 November 2008

Tugas HTML

1.Pengertian Singkat HTML :

HTML = Hyper Text Markup Language
yakni merupakan metode yang menautkan ( link) satu dokumen ke dokumen lain melalui suatu text.

2. Software yang diperlukan dalam membuat website static :

* Editor :

- Note Pad : Aplikasi yang sering digunakan untuk membuat web yang sederhana.Note Pad digunakan membuat kode html untuk membuat halaman web yang disimpan dalam bentuk html hingga akhirnya tercipta web sederhana

-Macromedia Dreamweaver : Aplikasi yang digunakan untuk pembuatan web yang lebih menaik daripada note pad,karena note pad hanya digunakan untuk membuat suatu web sederhana,sedangkan macromedia dreamweaver sudah ada berbagai hal yang diperlukan dalam pembuatan suatu web.
Aplikasi ini mempnyai 3 lembar kerja yang berbeda,yakni :

a.Desain ( hanya menampilkan hal. web yang di buat,tanpa menampilkan kodenya)
b.Split ( menampilkan lembar kerja desain dan kode html nya)
c.Code (menampilkan lembar kerja hanya berupa kode html nya)

-phexpert
-zens
-frontpage

*Browser :

-ie
-mozila
-opera
-google crhome

3.Struktur HTML :

<HTML>
<HEAD>
.................

</HEAD>
<BODY>
................

</BODY>
</HTML>


4.Langkah-langkah membuat dokumen HTML dengan editor notepad,dan cara penyimpanannya :

1. klik start- program- run-notepad
2. setelah berada pada editor notepad, ketiklah teks.
contoh: <html>
<body>
saya belajar html sederhana
</body>
</html>
3. simpan dengan cara klik file-save, beri nama:
contoh: html_sederhana.html
4. pada save as type diubah menjadi: all files
5.untuk melihat hasilnya , aktifkan internet explorer dan buka file tersebut.


5.Tag-tag yang digunakan dlm pembuatan HTML:


1. <title>...</title>: untuk memberi judul dari suatu homepage
2.< base>...</base> : lokasi URL lengkap dari dokumen ini
3. <link>...</link>: link dokukmen ini dan dokumen lain
4. < meta>...</meta> : infomasi tentang dokumen itu sendiri
5. <p>...</p> : tag paragraf, dan tulisan akan pindah ke baris berikutnya
6.<h3>...</h3>: headline, ukuran dari huruf yang paling besar adalah (h6)
7.<big>...</big>: memperbesar teks
8.<pre>...</pre>: digunakan untuk membuat tabel sederhana
9.<img>...</img>: menampilkan gambar
10.<u>...</u>: garis bawah teks
11.<b>...</b>: mencetak tebal
12.<igt;...</i>: mencetak miring
13.<small>...</small>: memperkecil teks
14.<ul>...</ul>:untuk pnulisan tag tidak bernomor
15.<ol>...</ol>: untuk penulisan tag bernomor