Pak Pid's Blog

Archive for the ‘HTML’ Category

Menampilkan Tag HTML Pada Halaman HTML

with one comment

Kadang kita ingin menampilkan tag-tag HTML pada halaman web kita, misalkan kita sedang memberikan tutorial mengenai web developing.

Ada beberapa cara untuk menampilkan tag HTML kedalam halaman web kita, berikut ini beberapa cara tersebut.

Cara Pertama

Menggunakan tag “<pre>”. Tag ini dapat digunakan untuk menampilkan kode program atau text apapun dengan format yang sama, artinya format yang nanti ditampilkan akan sama seperti format aslinya.

Contoh penggunaanya:
<pre>
Ini contoh penggunaan pre,
Anda dapat memasukkan kode program didalamnya.
</pre>

Cara Kedua

Cara kedua adalah dengan menggunakan tag “<xmp>”.

Contoh penggunaannya:
<xmp>
Ini contoh penggunaan xmp
Anda dapat memasukkan kode program didalamnya.
</xmp>

Cara Ketiga

Cara ketiga adalah menggunakan tag “<code>”.

Contoh penggunaanya:
<code>
Ini contoh penggunaan tag code
Anda dapat memasukkan kode program didalamnya.
</code>

Cara Keempat

Cara keempat adalah menggunakan HTML ASCII dalam penulisan tag pembuka dan tag penutup.
& l t ; akan menghasilkan <, sedangkan & g t ; akan menghasilkan >
Perlu diingat tuliskan tag tersebut tanpa spasi.

Contoh penggunaanya:
& l t ; b & g t ; Ini contoh penulisan tag bold & l t ; /b & g t ;

Hasilnya akan terlihat seperti ini ;
<b>Ini contoh penulisan tag bold</b>

Selamat Mencoba! 😀

Advertisements

Written by das_84id

January 14, 2010 at 2:43 am

Posted in CSS, HTML

5 Fitur Sederhana Namun Penting Dalam Web

leave a comment »

Sekarang saya akan berbagi 5 fitur sederhana namun penting dalam desain web, dan sekarang sudah menjadi standard sebuah web.

Fitur Pencarian / Search

Dengan fitur ini, user dapat melakukan pencarian artikel dalam web yang berhubungan dengan keyword yang dia masukkan. Dan secara otomatis web akan menampilkan hasil pencarian, sehingga akan memudahkan user untuk mencari artikel yang dia inginkan.

Perlu diingat kebanyakan web menggunakan icon bergambar kaca pembesar sebagai icon yang menjelaskan bahwa kotak tersebut merupakan daerah pencarian.

Web Layout

Layout web diusahakan konstan. Layout yang dimaksud adalah format halaman, seperti besar tulisan heading, warna tulisan, jenis font, dan lain sebagainya. Sehingga user tidak kebingungan akan arti tiap-tiap teks, warna, dan ukuran font.

User Interface yang Konsisten

Usahakan User interface web konsisten, artinya antara halaman yang satu dengan yang lain tidak berubah-ubah.
Contohnya adalah penggunaan button, usahakan button antara halaman satu dengan yang lain memiliki bentuk dan posisi yang sama, sehingga tidak membingungkan user.

Struktur Form

Usahakan struktur dari form dibuat sebaik mungkin agar user tidak merasa bingung. Misalkan dengan mengelompokkan berdasarkan kriteria tertentu. Contoh: Kelompok data diri (nama, alamat, telepon, dll), Kelompok Pengalaman Kerja (tahun, nama_perusahaan, dll).

Pastikan Ada Fitur Bantuan

Fitur ini sangat penting untuk memudahkan user mengetahui halaman-halaman web (web map), dan juga fitur-fitur apa saja, dan akses fitur tersebut.

Referensi : http://sixrevisions.com/usabilityaccessibility/five-simple-but-essential-web-usability-tips/

Written by das_84id

January 5, 2010 at 10:56 am

Posted in CSS, HTML