Panduan komputer blog n Style

30 Maret 2008

Membuat Formulir di HTML

Dengan membuat form (formulir dalam bahasa indonesianya), dapat memudahkan kita untuk kelengkapan admininstrasi web. Pada umumnya formulir diawali dengan tag <form> dan diakhiri dengan tag </form>, berikut contohnya :



<form>
<table border="0">
<tr>
<td>Nama :</td>
<td><input size="10" name="nama"></td>
</tr>
<tr>
<td>Alamat :</td>
<td><input size="40" name="Alamat"></td>
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" name="gender">laki-laki <input type="radio" name="gender">Perempuan</td>
</tr>
<tr>
<td>Hobby :</td>
<td><input type="checkbox" name="Hobby">Olahraga

<input type="checkbox" name="Hobby">Membaca

<input type="checkbox" name="Hobby">Musik

<input type="checkbox" name="Hobby">Nonton Tv

<input type="checkbox" name="Hobby">Internet

<input type="checkbox" name="Hobby">Game

<input type="checkbox" name="Hobby">Tidur

<input type="checkbox" name="Hobby">Jalan-jalan

<input type="checkbox" name="Hobby">Mengaji

<input type="checkbox" name="Hobby">Membaca
</td>
</tr>
<tr>
<td>Tingkatan sekolah : </td>
<td><select name="tingkatan sekolah"> <option value="Pilih salah satu">< Pilih Salah satu ></option><option value="TK">TK</option><option value="SD">SD</option><option value="SMP">SMP</option><option value="SMA">SMA</option><option value="Kuliah">Kuliah</option></select></td>
</tr><tr>
</tr><tr>
<td>Alasan Mengikuti Lomba</td>
<td><textarea rows="6"></textarea></td>
</tr>

<tr>
<td rowspan="2"><input type="radio" name="agree">Saya ingin ikut lomba</td>
<td>
</td>
</tr>

<tr>

<td><input type="submit" value="Submit" name="KIRIM">
<input type="reset" value="Batalkan semua" name="reset">
<input type="button" value="Keluar" name="button"></td>
<td>
</td>
</tr></table>
</form>



Untuk melihat hasilnya klik disini


Keterangan :
  • Saya memakai table karena tampilan akan jauh lebih rapi.
  • Dalam menentukan atribut "name=" anda bisa memakai nama yang anda sukai, bila terdiri dari dua kata, sertakan juga tanda petik dua "...."


Selengkapnya...

28 Maret 2008

Budaya terbaru :"Blog Walking"

Blog walking (BW). Salah satu istilah bagi para pecinta blogger yang sangat penting bagi kemajuan blog mereka. Istilah blog walking bisa diartikan = jalan-jalan blog, atau menurut definisi saya sendiri yaitu sillaturahmi antara pengguna blog. Proses dari blog walking sangat simple, yaitu kita saling menyapa, atau berkenalan dengan pemilik blog yang lain, bisa juga untuk tukar informasi tentang sesuatu hal.


Blog walking mempunyai berbagai media, tetapi umumnya, para blogger memakai chat box seperti shoutbox atau oggix. Fungsi dari BW sangatlah penting bagi saya, karena BW bisa menambah jumlah pengunjung, dan yang terpenting anda bisa saling bersillaturahmi antar pengguna blog serta saling mengenal satu sama lain, tetapi fungsi yang paling utama dari BW
adalah promosi, jadi jangan remehkan BW !.

Selengkapnya...

Spesifikasi Motherboard

Motherboard adalah komponen paling utama pada komputer. Kualitas motherboard sangat berpengaruh pada kemampuan dukungan terhadap jenis dan kapasitas komponen lainnya serta batas kemampuan upgrade.

Spesifikasi yang harus diperhatikan pada motherboard adalah:



a. Jenis Slot/ Socket Prosessor,
Jenis konektor prosessor (slot/socket) menentukan jenis prosessor yang dapat digunakan dan batasan upgrade dari prosessor. Contoh Socket 478 dapat dipakai untuk semua prosessor kelas Pentium 4 dan Celeron 4 dengan FSB 400, 533 dan 800 Mhz.

b.Chipset motherboard
Pilih motherboard dengan chipset terbaru yang mendukung memori SDRAM DIMM atau RDRAM RIMM, AGP slot 4X minimal dan harddisk ATA 100 minimal.

c.Jenis dan kapasitas slot memory
Slot jenis DDR DIMM atau RIMM adalan pilihan yang terbaik karena mendukung kapasitas memori lebih besar. Untuk kecepatan, memori terbaik adalah DDR SDRAM atau RDRAM, tetapi RDRAM lebih mahal.

d.Slot ekspansi
Perhatikan jenis dan jumlah slot ekspansi yang tersedia, seperti PCI bus minimal tipe 2.1, AGP bus 4 X support (minimum) dan ISA bus. Sesuaikan slot ekspansi dengan card adapter yang akan dipasang. Sebaiknya masih tersisa slot kosong untuk memasang card adapter yang mungkin diperlukan.

e.Port I/O
Periksa jenis dan jumlah port I/O yang tersedia seperti USB, firewire, serial dan parallel port. Sesuaikan dengan kebutuhan piranti eksternal.

f.Feature
Motherboard berkualitas baik akan diilengkapi dengan feature Power Management ACPI untuk efisiensi penggunaan daya listrik dan PnP System (Plug and Play) yakni instalasi otomatis piranti eksternal.


Sumber : e-dukasi.net




Selengkapnya...

27 Maret 2008

Perkenalan Java script

Sumber : Siaksoft.com



Pengenalan JavaScript


Saat ini JavaScript digunakan oleh jutaan Web page untuk meningkatkan penampilan dan kemampuannya, karena dapat melakukan validasi, mendeteksi browser, membuat cookies, dan masih banyak lagi.

JavaScript merupakan scripting yang paling populer di internet, dan berjalan pada kebanyakan browser yang dipakai saat ini, seperti Internet Explorer, Mozilla, Firefox, Netscape dan Opera.
Perlu tahu dasarnya …



Sebelum dilanjutkan dengan pelajaran mengenai JavaScript, seharusnya anda telah mengetahui pemrograman :

* HTML

Apakah JavaScript itu ?

* JavaScript didesain untuk memberikan kemampuan interaktif kepada suatu halaman HTML.
* JavaScript berisi susunan baris-baris perintah yang dapat dijalankan oleh browser
* JavaScript biasanya langsung disatukan dengan halaman HTML
* JavaScript merupakan suatu bahasa yang bersifat interpreted (tanpa butuh program lain untuk kompilasi)
* Bersifat bebas, tidak dipungut biaya lisensi.

Apakah Java dan JavaScript sama?

Tidak !

Java dan JavaScript adalah dua bahasa pemrograman yang sama sekali berbeda!

Java (dibangun oleh Sun Microsystems), merupakan pemrograman yang lebih kompleks, memiliki sifat yang sama dengan C dan C++.
Apa yang dapat dilakukan oleh JavaScript?

* JavaScript memberikan tool tambahan terhadap HTML - HTML adalah dasar dari halaman web, tetapi ia statis dan tak dapat berinteraksi. Dengan JavaScript, HTML menjadi punya alat untuk membuat dirinya lebih interaktif.



* JavaScript dapat memasukkan teks dinamis ke dalam halaman HTML – suatu statemen JavaScript seperti: document.write("<h1>" + nama+ "") dapat menuliskan sebuah teks variabel ke dalam halaman HTML



* JavaScript dapat bereaksi terhadap event - JavaScript dapat menjalankan suatu perintah sesuai dengan event-event tertentu. Seperti saat halaman di buka atau ditutup.



* JavaScript dapat membaca dan menulis elemen HTML - JavaScript dapat membaca dan menulis isi maupun elemen HTML



* JavaScript dapat digunakan untuk validasi data - JavaScript dapat melakukan validasi terhadap data yang dimasukkan oleh user, sebelum data itu selanjutnya diproses oleh server.



* JavaScript dapat digunakan untuk mendeteksi browser - JavaScript dapat digunakan untuk mendeteksi browser, dan berdasarkan browser inilah dimunculkan desain halaman yang paling sesuai.



* JavaScript dapat digunakan untuk membaut cookies- JavaScript dapat digunakan untuk menyimpan variabel di komputer pengguna beserta nilai yang dimilikinya.
Selengkapnya...

26 Maret 2008

Beli pulsa dapat bensin

JAKARTA - XL Regional Jabodetabek dan PT Pertamina (Persero) menjalin kerja sama dengan meluncurkan program ?Voucher Bensin Gratis? untuk para pelanggan XL di wilayah Jabodetabek. Program ini berlaku sejak hari ini (19 Maret) hingga 31 Mei 2008 di 50 Stasiun Pengisian Bahan Bakar Umum (SPBU) Pertamina di wilayah Jakarta dan sekitarnya. Peresmian program ini dilakukan pada hari ini di Jakarta.

"XL sebagai penyedia jasa telekomunikasi memiliki komitmen untuk memberikan kepuasan kepada pelanggannya dengan memberikan nilai lebih bagi pelanggannya dalam berkomunikasi. XL sudah menghadirkan tarif termurah yang berkualitas sebagai nilai lebih, dan pada hari ini kami kembali menghadirkan nilai lebih kepada pelanggan XL berupa program voucher bensin gratis," papar Presiden Direktur XL, Hasnul Suhaimi, melalui keterangan pers, Rabu (19/3/2008).

Mekanisme untuk mendapatkan bensin gratis ini tidak sulit,

yakni hanya dengan melakukan pembelian Voucher Bensin Gratis berisi denominasi 100.000 di sejumlah XL Center atau di SPBU tertentu di Jakarta dan sekitarnya, maka pelanggan akan mendapatkan tambahan bonus berupa voucher 5 liter bensin yang dikemas dalam satu kemasan di dalam Voucher Bensin Gratis. Voucher tersebut dapat digunakan pada H+1 setelah pengisian pulsa, di salah satu SPBU yang menjalankan program ini. Pelanggan harus membawa voucher tersebut saat melakukan pengisian bensin.

Kerja sama XL dengan Pertamina ini bukanlah yang pertama. Setahun yang lalu, XL Regional Jabodetabek menjalin kerja sama dengan Pertamina untuk program "Beli Pulsa XL dapat Bensin dan Beli Bensin dapat Pulsa XL". Sebelumnya, juga dengan Pertamina, XL meluncurkan program serupa, yakni gratis bensin bagi pelanggan XL.

"Pada prinsipnya Pertamina selalu mendukung program apapun yang memberikan keuntungan bagi pelanggan kami. Melalui program ini, pelanggan XL yang juga menjadi pelanggan Pertamina akan mendapatkan keuntungan untuk mendapatkan bensin secara gratis hanya dengan melakukan isi ulang pulsa XL," ungkap Direktur Pemasaran Pertamina, Achmad Faisal.

Hingga akhir Desember 2007, jumlah pelanggan XL di area Jabodetabek mencapai 4,08 juta. Dari jumlah tersebut, hampir 70% di antaranya merupakan pengguna XL bebas dan sisanya merupakan pengguna XL jempol dan XL Xplor. Jumlah pelanggan ini didukung oleh sekitar 3500 BTS yang tersebar di area Jabodetabek (plus Banten). (from : okezone.com)
Selengkapnya...

24 Maret 2008

Mendiagnosis Masalah : "LAN card yang tidak terdetect"

Ketika anda mencoba untuk menyambungkan PC anda ke-internet, dan anda mempunyai problem dalam masalah LAN cardnya, yaitu tidak terdetek. Cara yang anda ambil ada dua, yaitu :



Cara Pertama :
  1. Buka control panel-->new hardware wizard
  2. Lanjutkan langkah-langkah yang ada sampai LAN card anda terdetek

Cara Kedua:

  1. Buka device manager (control panel--> system--> device manager)
  2. Pilih letak LAN card anda (misal: Realtek)
  3. Jika ada tanda tanya (?), maka pilih pada letak LAN card anda lalu hapus dengan menekan tombol delete pada keyboard.
  4. Pilih pada menubar: action-->scan for hardware changes
  5. Maka komputer anda otomatis mencari LAN card yang tidak terdetek.
thanx to : Pak Rokhib
Selengkapnya...

21 Maret 2008

Membuat Link dari Menu Drop dow

Mungkin anda mempunyai daftar link yang sangat panjang dan sangat mengganggu tampilan blog/web milik anda, saya mempunyai solusi yang paling tepat yaitu dengan menggunakan menu drop down.

Hasilnya adalah seperti ini:

Jika anda klik salah satu ikan, maka ada link yang akan muncul.
Ingin tahu scriptnya ??? . . . Nih saya beri (dijamin gratis)


Selamat mencoba !

thannx to





Selengkapnya...

20 Maret 2008

Membuat ringkasan = dapat uang ???

Inilah salah satu fungsi dari internet, menambah uang, atau yang biasa disebut dengan e-commerse (maaf kalau tulisannya salah). Di situs ini, anda dapat membuat sebuah tulisan mengenai sesuatu hal (bahkan yang tidak penting sekalipun), dan dari tulisan anda ini anda akan bisa membuat uang.

"Bagaimana caranya ??? .. .."


Caranya mudah anda tinggal mendaftar di link berikut ini

Klik disini

powered by:
Selengkapnya...

18 Maret 2008

Membuat game dengan MMF (Multimedia Fusion)

Mungkin pernah dibenak anda berfikir : "Bagaimanakah membuat sebuah game?? " , untuk itu saya akan mengulas sedikit tentang pembuatan game. Tapi sebelumnya anda harus mendownload dulu dari Internet, yaitu Multimemedia Fusion (MMF) : Klik disini

Setelah anda selesai mendownload Install dulu software-nya :

  1. Klik pada icon TMMDemo
  2. Pilih Next
  3. Dari tiga pilihan yang ada, semuanya bisa digunakan untuk membuat game, tapi dalam hal ini penulis hanya mencoba Multimedia Fusion 2, lalu pilih next
  4. Pilih i agree, dan next
  5. Pilih tempat penyimpanan, dan next
  6. Pilih Yes apabila ada sebuah kotak yang muncul, lalu pilih start !
  7. Tunggu beberapa saat sampai proses install selesai (sabar ya !)
  8. Jika sudah selesai, pilih close
Jika anda pemakai Windows XP, Pilih start-->All program-->Multimedia Fusion 2. Jalankan Multimedia Fusion 2, tunggu beberapa saat sampai prosesnya selesai pilih continue. Ingat !! jangat tutup Help filenya.

Langkah selanjutnya saya serahkan kepada
Multimedia Fusion 2 step by step tutorial, baca semua tutorial yang ada (jika tidak bisa membaca bahasa inggris, siap-siap bawa kamus :p). Setelah saya membaca dan mempraktekannya, alhamdulillah bisa langsung jadi dalam 1 hari (sambil bawa kamus tentunya >_<) . Bagi para pembaca posting ini saran saya yang terpenting adalah kesabaran dan keuletan anda dalam berkreasi, dan juga kreatifitas anda adalah kunci terpenting dalam membuat game. Selengkapnya...

14 Maret 2008

Membuat 10 halaman Web

Wuih ! akhirnya jadi juga, cape banget 1 hari ngerjain ini, tapi dapat banyak pengalaman nih. Karena tidak bisa ditampilkan di blog jadi saya inisiatif langsung saja buat web-nya di internet, eh ternyata bisa !!! . Pingin lihat ??? Klik sini ! Selengkapnya...

Daftar Harga hardware

Nih data-data harga hardware, supaya tidak repot ke mall atau toko komputer terdekat mending ke warnet aja cari informasi lewat web. Tenang saja data ini masih baru dan akan terus terupdate dari sononya :

Daftar harga spare part
Daftar harga spare part2
Daftar harga barang promosi
Daftar harga tinta printer
Daftar harga Memory Flash
Daftar harga Notebook
Daftar harga Software
Daftar harga Network card Selengkapnya...

04 Maret 2008

Apa sih PHP ???

Apa sih PHP itu?
(this articel come from : klik-kanan.com
Apa sih PHP itu ? Mungkin itu pertanyaan yang ada di benak rekan-rekan saat mendengar kata PHP. PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.



Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah :

* dBase
* DBM
* FilePro
* mSQL
* MySQL
* ODBC
* Oracle
* Postgres
* Sybase
* Velocis

Selain itu PHP juga mendukung koneksi dengan protokol IMAP, SNMP, NNTP dan POP3.

Yang dibutuhkan untuk menjalankan PHP

Untuk dapat menjalankan PHP Anda membutuhkan sebuah web server. Anda yang pake Linux dapat menggunakan Apache (www.apache.org) sebagai web servernya. Anda pemakai Windows 98 paling enak menggunakan Personal Web Server (sama2 produk Microsot, keuntungannya bisa sekalian buat belajar ASP). Web server Xitami (www.imatix.com) dapat digunakan apabila Anda menggunakan Windows NT.

Sedangkan PHP-nya sendiri dapat Anda download dari www.php.net. Perhatikan bahwa PHP yang Anda download sesuai dengan sistem operasi komputer Anda (Linux atau Windows).

Install PHP pada Windows 98

1. Setelah Anda mendapatkan PHP dalam bentuk file zip, segera ekstrak dengan menggunakan WinZip atau pun WinRar.
2. Ganti nama file php.ini-dist menjadi php.ini.
3. Copy semua file tersebut (totalnya ada 10 file) ke directory Windows Anda (biasanya C:\Windows).

Langkah selanjutnya adalah mengganti setting pada registry Windows.

1. Dari menu Start, pilih Run.
2. Ketikkan regedit, klik OK.
3. Buka cabang HKEY_CLASSES_ROOT.
4. Buat key baru dengan cara klik kanan pada HKEY_CLASSES_ROOT, pilih New - Key.
5. Beri nama key tersebut dengan .php3.
6. Pada panel sebelah kanan klik 2x pada [Default] dan isi dengan php3file.
7. Buat key baru lagi pada HKEY_CLASSES_ROOT.
8. Beri nama key baru tersebut dengan php3file.
9. Pada php3file, buat key baru dengan nama Shell.
10. Pada php3file\Shell, buat key baru dengan nama Open.
11. Pada php3file\Shell\Open, buat key baru dengan nama Command.
12. Pada panel sebelah kanan klik2x pada [Default] dan isi dengan C:\Windows\php.exe.
13. Buka key HKEY_LOCAL_MACHINE\System\CurrentControlSet\
Services\W3SVC\Parameters\Script Map.
14. Pada panel sebelah kanan buat string value baru dengan cara klik kanan (pada panel sebelah kanan), pilih New - String Value.
15. Beri nama dengan .php3.
16. Klik 2x pada .php3 tersebut.
17. Isi dengan C:\Windows\Php.exe.

Untuk mengecek apakah PHP Anda sudah terinstall dengan baik, tulis kode berikut ini dan simpan dengan nama test.php3.

<?
phpinfo()
?>

Jika PHP sudah terinstall dengan baik maka saat file tersebut dibaca dari browser akan terlihat informasi mengenai PHP.
Selengkapnya...

03 Maret 2008

I'am sorry

Kepada semua pengunjung maztam.blogspot.com, sungguh saya meminta maaf atas ketidaknyamanan ini. Seperti yang anda tahu di postingan tutorial html (by Klik-kanan.com, memanjang sampai kebawah tanpa adanya readmore, itu dikarenakan kesalahan penulis pada saat menulis ulang template, sekian pemberitahuannya, terima kasih Selengkapnya...

Tutorial HTML

Struktur dasar HTML
articel by : klik-kanan.com


HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML> Sebagai tanda awal dokumen HTML.

<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :

<TITLE>Maztam.blogspot.com

<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Sebuah contoh sederhana dokumen HTML :

<HTML>
<HEAD>
<TITLE>Halaman pembuka
</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">

Letakkan text, images, dan link Anda di sini
<BODY>
<HTML>

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: <Hn>
.. </Hn>
Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1>
sampai <H6>
, dengan <H1>
merupakan ukuran terbesar dan <H6>
merupakan ukuran terkecil.

Contoh :

<H2>
Tutorial Html </H2>


Hasilnya akan terlihat seperti :

Tutorial Html

Paragraph Baru: <P>
Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P>tapi juga bisa tidak diberi.

Line Break: <BR>
Digunakan untuk pindah ke baris baru.

No Line Break: <NOBR>
Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font <FONT>
Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

<FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">
Contoh teks yang berwarna merah </FONT>



Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

Contoh lainnya :

<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">

Base Font: </BASEFONT>
Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B>
Bold text
<I>
Italic text
<U>
Underscore
<TT>
Typewriter
<S>
Strikeout - draws a line through the text
<PRE>
Preformatted Text </DFN> Definition
<BLINK>
Text berkedip (lebih baik jangan digunakan)
<STRONG>
Strong
<ADDRESS>

Italic

<CITE>
Digunakan untuk quoting text
<CODE>
Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<SAMP>
Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<KBD>
Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<BIG>
Ukuran teks akan lebih besar satu ukuran
<SMALL>
Ukuran teks akan lebih kecil satu ukuran
<SUP>
Membuat tekssuperscript
<SUB>
membuat tekssub script
<ABBREV> Abbreviations
<ACRONYM>
Untuk akronim
<PERSON>
Digunakan untuk indexing
<Q>
Membuat short inline quotation
<VAR>
Membuat variable name, selalu dalam italics.

Lists

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :

<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>

Hasil dari kode di atas adalah:

  • Item nomer 1
  • Item nomer 2
  • Item nomer 3

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.

Contoh :

<UL COMPACT TYPE=square>

Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.

Contoh :

<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>

Hasil dari kode di atas adalah :

  1. Item nomer 1
  2. Item nomerr 2
  3. Item nomerr 3

Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.
A- Huruf besar. A, B, C, etc.
a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc.
i- Romawi huruf kecil , i, ii, iii, etc.

Definition Lists: <DL>

Contoh :

<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>

Hasil dari kode di atas adalah :

Item pertama.
Penjelasan tentang item pertama.
Item kedua.
Penjelasan tentang item kedua

Images

Images :

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.

Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height

Contoh :

<IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100>

<IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2>

Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara
<A>dan </A> akan terdapat garis bawah.

Contoh :

<A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.
<A HREF="mailto:webmaster@maztam.blogspot">Klik di sini</A> Untuk membuat link pada alamat e-mail.
<A HREF="#aplikasi">Klik di sini</A>Untuk membuat link ke bagian lain pada halaman yang sama.
<A HREF="halamanlain.html#aplikasi">Klik di sini</A>Untuk membuat link kebagian lain pada halaman yang berbeda.
<A HREF="halaman2.html"><IMG SRC="gambar.gif"></A>dengan menggunakan gambar.


Tabel

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR>>dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE>
Terdiri dari atribut :

  • align - perataan : rata kiri (left), tengah (center) atau kanan (right).
  • bgcolor - warna latar belakang (background) dari tabel.
  • border - ukuran lebar border tabel (dalam pixel).
  • cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
  • cellspacing - jarak antar cell (dalam pixel).
  • width - ukuran tabel dalam pixel atau percent.
Contoh :

<TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5" cellspacing="2" width="90%">

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

  • align - perataan : rata kiri (left), tengah (center) atau kanan (right).
  • bgcolor - warna latar belakang dari baris.
  • valign - perataan vertikal : top, middle atau bottom.
Contoh :

<TR align="right" bgcolor="#0000FF" valign=top>

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

  • align - perataan
  • background - image yang digunakan sebagai latar belakang dari kolom.
  • bgcolor - warna latar belakang
  • colspan - lihat gambar contoh
  • height - ukuran tinggi cell dalam pixels.
  • nowrap - membuat supaya isi dari kolom tetap berada pada satu baris.
  • rowspan - lihat gambar contoh
  • valign - perataan vertikal :top, middle atau bottom.
  • width - ukuran kolom dalam pixel atau percen.
Contoh :

<TD align="right" background="back.gif" bgcolor="#0000FF" colspan="3" height="200" nowrap rowspan="2" valign="bottom" width="300">
Selengkapnya...