Mengakses HTML Dengan Mudah

Haloo sahabat bloger..
dalam postingan saya kali ini, saya akan memberikan sedikit tips yang mungkin bisa berguna bagi kalian semuanya :D
hari ini kita akan belajar bagaimana cara mengakses HTML dengan mudah..
Berikut tipsnya :
Pertama anda harus menginstal WampServer Application , untuk download klik http://www.wampserver.com/en/#download-wrapper

Setelah Mendownload anda harus mennginstal. Dan ini Proses Instalasinya:

1. Klik ganda pada file WampServer2.0i.exe.
2. Akan tampil security warning window. Klik [Run].
3. Klik [Next] pada halaman ‘Welcome to WampServer 2 Setup Wizard’.
4. Kemudian pilih ‘I accept the agreement’, lalu klik [Next].
5. Klik [Next] pada halaman‘Select Destination Location’.
6. Klik [Next] pada halaman ‘Select Additional Tasks’.
7. Klik [Install] pada halaman ‘Ready to Install’.
8. Selanjutnya akan tampil halaman konfirmasi browser yang akan digunakan oleh WampServer. Klik [Yes].
9. Klik [Next] pada halaman ‘PHP mail parameters’.
10. Proses instalasi selesai. Klik [Finish].

Kemudian jalankan WampServer melalui Start/All Programs/WampServer/start WampServer. Pada sudut kanan bawah Anda akan menemukan icon WampServer. Bila diklik, akan muncul tampilan seperti ini:

Dari beberapa menu di atas, yang wajib kita ketahui adalah:
‘Localhost’, berfungsi untuk menampilkan localhost di browser. Inilah yang akan muncul bila Anda mengklik tombol tersebut.
‘phpMyAdmin’, merupakan tempat untuk mengakses database. Tampilannya seperti ini:
‘www directory’, merupakan tempat menyimpan file-file, seperti file HTML, gambar, video, dll. Tampilannya seperti windows explorer.
Tutorial selanjutnya adalah mengenai cara menempatkan WordPress di localhost.

Setelah itu :
- Jalankan aplikasi wamp
- Buka browser misalnya firefox
- Ketik localhost
- Buka windows explorer masuk drive C dimana anda menginstall wamp
- Buat folder baru beri nama, misalnya Latihan
- Buka Notepad lalu masukkan perintah

- klik file lalu save, utama kan pada saat ingin ngsave, tampilannya harus seperti ini. pilih all files, lalu tulis nama file, misalnya punyaku.

- Buka mozilla lalu reload, atau f5 nanti akan tampilannya seperti ini :

*penjelasan tentang perintah : 

1. HTML
Pada Pembuatan website, kita harus mengawalinya dengan perintah HTML dan ditutup dengan perintah HTML juga. Seperti contoh diatas, dalam HTML nanti akan berisi HEAD,TITLE, META,BODY.

2. HEAD
Pada bagian ini, bisa diisi dengan TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.Seperti contoh:

3. BODY

Perintah BODY digunakan untuk menampilkan semua teks, images(.png, .jpg, .gif). Dalam Penulisan Body bisa ditambahi dengan warna background  dengan format bgcolor. Untuk mengisi BODY atau isi dari pada web, maka ada perintah-perintah atau Komponen-komponen yang diletakkan pada BODY in, seperti:
1. <p>...p> :Perintah untuk membuat teks paragraf. Pada bagian ini bisa disisipi letak paragraf, seperti ini :

....

. Untuk letak bisa di isi dengan: left, center, Right, dan justify.
2. <font> : perintah ini digunakan untuk memformat seluruh text yang akan di tampilkan di web. Pada perintah ini bisa ditambahi dengan perintah perintah: color=”#FFFFFF” , size=”2” » ....
3. <h>: perintah untuk membesarkan teks. Bisa dimulai dari H1 sampai H6. Seperti contoh:

Saya Sedang Galau

4. <table>: perintah untuk menampilkan tabel. Penulisan tabel bisa disisipi seperti ini:
5. <td>: perintah untuk kolom table. Perintah ini juga bisa disisipi dengan: colspan="0" valign="top" width="0". Dan penulisan ini setelah penulisan table seperti ini:

........

6. <li>: perintah untuk mengelompokkan teks. Untuk menampilkan list bullet, maka penulisannya

• ......

. Sedangkan untuk menampilkan list angka, maka penulisannya

1. .....
. 7. <i>....</i>: perintah untuk mengubah teks menjadi miring. 8. <b>....</b>: perintah untuk menebalkan teks. 9. <u>....</u>: perintah untuk memberikan garis bawah pada teks. 10. <br>: perintah untuk membuat teks baru. 11. <s>...</s>:perintah untuk memberi garis ditengah-tengah teks 12. <blink>....</blink>:perintah agar teks berkedip 13. <a>: Untuk membuat link baik web, e-mail, maupun gambar. Pada perintah ini penulisannya: .... maka menuju ke link gambar, ... maka akan terbuat link web, dan .... akan terbuat link e-mail. 15. <img src>: perintah untuk menampilkan gambar. Susunan bisa seperti ini: src="images/ade.jpg" width="176" border="0" height="128" alt="ade tiawan">, width=”...” : perintah memberikan lebar dari gambar. height=”…” : perintah untuk tinggi dari gambar. border=”…” : perintah memberikan ketebalan dari bingkai gambar. alt=”…” : perintah memberi nama dari gambar. align=”…” : perintah memberikan posisi dari gambar.

Mungkin cuma sedikit itu saja yang dapat saya berikan ke para sahabat blogger, semoga bermanfaat yoo..