Kamis, 04 April 2013

Tutorial HTML untuk Pengaturan Teks

0 komentar
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>

Tutorial HTML mengenal Lists

0 komentar
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

Tutorial HTML untuk Image

0 komentar
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@klik-kanan.com”>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>
Untuk membuat link dengan menggunakan gambar.

Tutorial HTML untuk membuat Table

0 komentar
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.

Kumpulan Tag - Tag HTML

0 komentar
<!– –> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text.
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah

Dasar dari HTML

0 komentar
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).

Cookie tidak berbahaya

0 komentar
Apa sih cookie itu?
Non Teknis
Saya tidak bisa menemukan contoh bagus di dunia nyata yang bisa menjelaskan cookie dengan tepat. Tapi mari kita coba yang ini: Seorang dokter akan memberikan pada Anda sebuah kartu yang akan diisi mengenai keadaan Anda ketika pertama kali Anda datang berobat kepadanya dan menyerahkan kartu itu ke Anda. Setiap kali Anda datang (yang mungkin masih berhubungan dengan penyakit yang sama) Anda menyerahkan kartu itu dan dokter itu bisa mengetahui perkembangan Anda, dan bisa mengetahui Anda datang karena apa (untuk penyakit yang lalu, atau karena penyakit baru). Jika dokter itu adalah web server dan pasien adalah klien (browser) maka kartu tersebut adalah cookie yang akan kita bahas saat ini.

Membuat Theme Wordpress di WpThemeGenerator.com

0 komentar

Membuat Theme WordPress Menggunakan WpthemegeneratorDulu, untuk dapat membuat sebuah website, kita harus memiliki pengetahuan yang cukup tentang HTML dan sebagainya. Tapi sekarang, kita dapat membuat sebuah website dengan desain yang menarik hanya dalam hitungan menit. Ada banyak sekali content management system yang dapat kita gunakan untuk membuat website. Salah satu dari content management system yang saat ini telah menjadi sangat populer dan digunakan oleh jutaan orang adalah WordPress. Content management system ini lebih dikenal sebagai sebuah

Membuat Virtual Drive dengan Gizmo Drive

0 komentar

http://www.klik-kanan.com/blog/wp-content/uploads/2012/11/Membuat-Virtual-Drive-Dengan-Gizmo-Drive.png?84cd58Jika anda suka bermain game di komputer, tentunya anda sudah tahu bahwa terkadang untuk menginstall game tertentu, anda perlu melakukan mount ISO file ke sebuah virtual CD-ROM drive. Kemudian, virtual CD-ROM drive tersebut akan dapat bekerja layaknya sebuah CD-ROM asli dengan sebuah CD di dalamnya. Untuk melakukan mount ISO file, ada beberapa program yang dapat anda gunakan. Salah satunya adalah Gizmo Drive.

Gizmo Drive adalah sebuah program

Mendeteksi Hardware komputer dengan PC Wizard

0 komentar

http://www.klik-kanan.com/blog/wp-content/uploads/2012/11/Mendeteksi-Hardware-Komputer-Dengan-PC-Wizard.jpg?84cd58Jika anda menggunakan sistem operasi Windows  dan anda ingin mengetahui spesifikasi hardware komputer anda, anda dapat menggunakan fitur system information bawaan Windows. Jika anda menggunakan Windows 7, anda dapat mengetahui spesifikasi hardware komputer anda dengan memasukkan C:\Windows\System32\msinfo32.exe ke dalam Windows search box yang tersedia. Namun, ada cara yang lebih mudah untuk melihat spesifikasi hardware komputer anda, yaitu dengan menggunakan aplikasi PC Wizard.

PC Wizard adalah salah satu aplikasi tercanggih, yang dapat anda gunakan untuk mendapatkan informasi mengenai

Membersihkan Spyware dengan Super Anti Spyware

0 komentar

Membersihkan Spyware Dengan SUPERAntiSpywareInternet memberikan begitu banyak manfaat kepada kehidupan kita. Dengan adanya internet, kita dapat melakukan banyak hal dengan mudah dan murah. Namun, kita tidak boleh lupa bahwa ada banyak hal yang mengancam komputer kita saat kita sedang menjelajahi dunia maya. Virus misalnya, dapat menyusup kedalam sistem komputer kita dan merusak file-file yang ada.

Virus yang ganas bahkan dapat merusak sistem operasi komputer kita sehingga tidak dapat digunakan. Tapi, virus bukanlah satu-satunya ancaman. Masih ada lagi ancaman yang disebut spyware, yang tidak kalah berbahaya dibandingkan virus. Spyware dapat

Mempercantik tampilan dekstop menggunakan SliderDock

0 komentar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzNES08jZ-ALkxbL1MV9X4SYrLGYctSzdOvG9PYF5W36sMqDlBbOkALdrFPdwC0wW0GsHM0qGDUZ7-alOS8Ad-afz00x0bStUyiEaD-xc3Q_Xnaf8QLnP02-Rq8eAa55OwNHwVmHD4dmA/s1600/SliderDock-%5BSANoktah%5D.gifPada dasarnya sistem operasi seperti Windows Vista dan Windows 7 sudah menawarkan berbagai fitur yang dapat meningkatkan produktivitas penggunanya. Tapi, masih ada banyak aplikasi tambahan yang bisa Anda gunakan untuk membuat Windows Vista dan Windows 7 menjadi lebih mudah dan praktis untuk digunakan.

Salah satu aplikasi yang perlu Anda pertimbangkan adalah aplikasi SliderDock. SliderDock adalah sejenis application launcher. Dengan menggunakan SliderDock, Anda dapat