HTML (Hyper Text Markup Language) merupakan bahasa standard yang dapat
digunakan untuk membuat tulisan maupun design di halaman web. Walaupun
pada umumnya kita tidak perlu mengetahui scrip HTML untuk membuat
sebuah halaman Website seperti dengan perangkat Macromedia
Dreamsweaver, Microsoft Office Front Page, ataupun yang lainnya. Akan
tetapi terkadang kita perlu mengetahui sedikit dasar-dasar HTML agar
kita dapat memodifikasi tanpa harus membawa software yang berat-berat
tadi. Kita hanya perlu text editor seperti Note Pad bawaan Microsoft
Windows ataupun GEdit, Vi bawaan Linux. Berikut ini adalah beberapa tag
yang sering digunakan dalam HTML.
Pengaturan Halaman
1 | < HTML > </ HTML > = Menyatakan kode-kode yang ditulis diantaranya akan dianggap sebagai format HTML. |
2 | < head > </ head > = Mengatur bagian Title Bar di Browser |
3 | < title > </ title > = Mengatur judul website yang akan ditampilkan di Title bar |
4 | < body > </ body > = Mengatur bagian isi / halaman pada HTML |
Pengaturan Huruf
1 | < b > </ b > = Tulisan yang terletak di antara dua tag tersebut akan tebal. |
2 | < i > </ i > = Tulisan yang terletak di antara dua tag tersebut akan miring. |
3 | < u > </ u > = Tulisan yang terletak di antara dua tag tersebut akan bergaris bawah. |
4 | < font > </ font > = merupakan tag yang digunakan untuk memodifikasi font |
5 | < font face = "Arial" > </ font > = Digunakan untuk menentukan jenis huruf |
6 | < font size = "5" > </ font > = Digunakan untuk menentukan ukuran huruf |
7 | < font color = "Black" > </ font >= Digunakan untuk menentukan warna huruf |
Pengaturan Paragraf
1 | < p align = "justify" > </ p > = untuk membuat tulisan rata kanan-kiri |
2 | < p align = "center" > </ p > = untuk membuat tulisan rata tengah |
3 | < p align = "left" > </ p > = untuk membuat tulisan rata kiri |
4 | < p align = "right" > </ p > = untuk membuat tulisan rata kanan |
5 | < br > = Membuat baris baru seperti kalau kita tekan enter ketika mengetik |
Pengaturan Tabel
1 | < table > </ table > = Mendeklarasikan pembuatan tabel |
2 | < tr > </ tr > = Mendeklarasikan pembuatan kolom |
3 | < td > </ td > = Mendeklarasikan pembuatan baris |
Nah… kalau masih pusing silahkan buat source code berikut dan simpan dalam ekstensi *html oce
03 | < title > Latihan Pertama </ title > |
06 | < b > Tulisan Tebal </ b > < br > |
07 | < i > Tulisan Miring </ i > < br > |
08 | < u > Tulisan Bergaris Bawah</ u > < br > |
09 | < b >< u >< i > Kalau tulisan ini tebal, bergaris bawah dan miring</ i ></ u ></ b > < br > |
11 | Kalao tulisan ini akan menghasilkan rata kanan kiri. Karena kita menggunakan tag justify. |
14 | Kalau tulisan ini akan terbentuk rata tengah |
17 | Kalau tulisan ini akan menghasilkan rata kiri. |
20 | Kalau ini akan membentuk rata kanan. |
Maka akan menghasilkan seperti berikut :
Dari gambar tersebut dapat kita lihat tag-tag yang kita buat di atas
ternyata dapat mengubah format yang bisa kita tentukan dengan mudah.
Tanpa harus menggunakan tool yang besar dan mahal. Nah… selamat mencoba
kita kembangkan OpenSource di negeri kita tercinta ini.
Tunggu edisi selanjutnya ini baru permulaan kita berjua
http://farazinux.wordpress.com/2009/02/02/belajar-html-untuk-pemula/
|