Rabu, 12 November 2008

HTML Exercise....

  • Apakah itu HTML???

HTML adalah sebuah jenis teks dokumen khusus yang digunakan oleh Web browser untuk mempresentasikan teks dan gambar. HTML kepanjangan dari HyperText Markup Language. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.Ciri uatama suatu website yang dibangun oleh HTML adalah digunakannya (.html) sebagai nama ekstensi file-file website tersebut.

  • Software apa yang digunakan??

Untuk meng-edit suatu dokumen HTML, software yang biasa digunakan adalah microsoft word, front page, adobe golive, adobe dreamweaver (dulu macromedia dreamweaver), dan notepad.

Untuk browser yang biasa digunakan adalah Mozilla Firefox atau Internet Explorer.

  • Struktur umum sebuah Html adalah :

Untuk membuat sebuah dokumen HTML sederhana, kita harus tahu dasarnya. Seperti membuat sebuah bangunan, kita harus membuat pondasinya terlebih dahulu. Berikut struktur dasar sebuah dokumen HTML :

<HTML>

<HEAD>

<TITLE>(Judul Blog)</TITLE>

</HEAD>

<BODY>(isi)</BODY>

</HTML>

  • Kalau mau bikin, caranya gimana ya??

Untuk membuat suatu dokumen HTML sederhana, berikut langkah-langkahnya:

1. Buka aplikasi notepad start => All Programs => Accsessories => Notepad

2. Buat struktur dasar HTML seperti tertera di atas

3.Save file => Pertama-tama, buatlah sebuah folder lalu, save as dengan namafile bebas dalam folder tersebut, tetapi setelah namafile harus berekstensi .html,,caranya setelah nama tinggal ketik .html contoh : latihan1.html. Ubah file as type menjadi "all files" kemudian klik tombol save.

  • Kalau mau buat bervariasi??

Untuk memvariasikan sebuah dokumen HTML, kita bisa memberi beberapa tag. Berikut contoh tag-tag pada dokumen HTML :

<blink> (Membuat teks berkedip) contoh: <blink>kedip</blink>

<i> (Membuat teks miring) contoh: <i>italic</i>

<b> (Membuat teks tebal) contoh:<b>tebal</b>

<u> (Membuat teks bergaris bawah) contoh: <u>underline</u>

<marquee> (Membuat teks berjalan) contoh: <marquee>jalan-jalan</marquee>

<h> (Membuat garis horizontal) contoh: jika ingin memberi garis di bawah judul, ketikkan saja <h> di bawah judul.

<p> (Memulai sebuah paragraf) contoh:<p>(isi paragraf)</p>

<br>(Memberi jarak antar paragraf) contoh:<br>

<center>(Meletakkantulisan atau gambar di tengah-tengah)

contoh:<center>(gambar atau tulisan)</center>

<font color>(Memberi warna pada font)

contoh:<font color="(warna)">(isi)</font&gt

<img src>(Menyisipkan gambar) contoh:<img src="(nama gambar)"

<h1>(Membuat heading) contoh:<h1>(judul)</h1>

<OL>(Membuat nomor urut) contoh:<OL>(untuk memunculkan nmor urut sisipkan tag <LI>)</OL>

<LI>(Memunculkan nomor urut pada tag <OL>)

<Table border> (Membuat tabel) contoh: <table border>(isi :harus berisi tag baris dan kolom)</table>