Tutorial cara sharing data lewat kabel LAN di windows 7

Tutorial cara sharing data menggunakan LAN di windows 7, jika anda berniat untuk melakukan sharing data ataupun file di 2 komputer windows 7 yang berbeda dengan menggunakan LAN yang perlu anda siapkan adalah sebuah kabel LAN dengan tipe CROSS. Selain itu yang tidak kalah penting adalah 2 komputer ataupun laptop yang akan digunakan untuk mensharing data. 

Setelah siap silahkan disimak tutorial cara sharing data menggunakan LAN di windows 7 berikut ini.

1. Langkah yang pertama yang perlu dilakukan adalah setting IP untuk kedua komputer. Caranya adalah sebagai berikut.

• Klik Start (logo windows) >> Klik Control Panel  >> Klik Network and Internet >>Network and Sharing Center >> Change adapter setting 
• Klik kanan pada Local Area Connection >> Pilih properties
• Klik pada Internet Protocol versi 4 (TCP/Ipv4) kemudian klik Properties
• Centang pada use the following ip address kemudian isikan 

• IP address 192.168.1.1 pada komputer pertama
• IP address 192.168.1.2 pada komputer kedua
• (angka 1 dan dua yang terakhir bisa anda rubah diantara angka 1 sampai 255)
• Subnet mask 255.255.255.0 (untuk kedua komputer) 
• Kemudian Tekan OK.

2. Langkah yang kedua dalam Tutorial cara sharing data lewat kabel LAN di windows 7 adalah menonaktifkan password untuk sharing data.
Caranya adalah sebagai berikut:

• Klik Start (logo windows) >> Klik Control Panel  >> Klik Network and Internet >>Network and Sharing Center >> Change advanced sharing setting 
• Pada bagian home or work cari password protecting sharing kemudian pilih Turn off password protecting sharing (yang selain password protecting sharing silahkan di on kan semua)
• Klik save shanges

3. Buka Windows Explorer kemudian klik kanan pada folder yang akan di sharing. Kemudian pilih tab sharing dan tekan tombol share. Selanjutnya anda akan menjumpai tampilan seperti di bawah ini.

Selanjutnya di kotak kosong pilih everyone dan selanjutnya klik add kalau sudah silahkan klik share dan done


Sekarang coba anda lihat hubungkan kedua komputer anda menggunakan kabel LAN yang telah anda siapkan. 
Dan bukalah pada windows explorer anda pada bagian network.

Demikian tadi Tutorial cara sharing data lewat kabel LAN di windows 7. Semoga bermanfaat untuk anda.

notes pastikan pada setingan network berada di home network

Cara mempercepat kinerja komputer

11 Tips atau Cara untuk mempercepat kinerja komputer windows 7, terkadang kita merasa jengkel saat performa windows kita lemot. Sehingga bisa menimbulkan bad mood ataupun pekerjaan yang seharusnya bisa selesai tepat waktu menjadi
molor karena masalah komputer yang lemot.

Berikut ini Tips atau Cara untuk mempercepat windows 7 

1. MatikanVisual efek yang tidak penting,


Visual efek berfungsi untuk mempercantik tampilan windows anda, akan tetapi Visual efek berpengaruh terhadap kinerja computer. Sehingga apabila Visual efek dimatikan tentu akan membuat kinerja komputer ataupun laptop anda menjadi semakin cepat. Berikut ini langkah-langkah untuk mematikan visual efek di windows 7 

• Klik Start >> klik kanan pada Computer >> kemudian klik properties >> lalu klikAdvance system setting >> pilih tab advanced >> di bagian performance klik setting 

• Pada bagian Visual efek pilih adjust for best performance >> kemudian klik OK

2. Matikan aero shake.
Fitur aero shake ini berfungsi meminimize jendela yang sedang tidak digunakan. Contohnya anda membuka beberapa, Dan apabila salah satu jendela yang aktif  tersebut anda gerak-gerakkan, maka jendela yang lainnya akan di minimize secara otomatis. Berikut ini langkah untuk mematikan fitur aero shake:

• Klik Start >> lalu ketik “gpedit.msc” (tanpa tanda petik) lalu tekan tombol enter
• Setelah tampil jendela local group policy editor seperti di atas, Klik User Configuration>> Klik administrative template >> klik desktop >> kemudian di jendela sebelah kanan klik dua kali pada “turn off aero shake windows minimizing mouse gesture” >> kemudian pilih enable >> terakhir klik OK.

3. Tips atau Cara untuk mempercepat windows 7 yang ketiga adalah Memtaikan firut aero snap
Cara mematikan fitur aero snap adalah sebagai berikut:

• Klik Start >> Klik control panel >> Pilih ease of acces >> kemudian klik ease of acces center >> lalu  klik Make the mouse easier to use
• Berikan tanda centang pada “Prevent windows from being automatically arranged when to the edge of the screen” >> kemudian Klik OK.

4. Mematikan aplikasi yang tidak diperlukan di komputer atau laptop saat startup (saat baru menyala).
Langkah untuk mematikan nya adalah sebagai berikut:

• Klik Start >> ketik “msconfig” (tanpa tanda petik) kemudian tekan enter >> lalu llik tabstartup >> kemudian uncheck atau hilangkan tanda centang aplikasi yang tidak diperlukan untuk dijalankan pada saat komputer melakukan startup. Klik OK.

5. Tips atau Cara untuk mempercepat windows 7 yang kelima adalah menonaktifkan gadget pada windows 7 
Untuk mematikan gadget di windows 7 dapat dilakukan dengan cara berikut ini

• Klik Start >> Kemudian klik Control Panel >> Pilih Programs >> Pilih Turn Windows features on or off  >> Kemudian hilangkan tanda centang pada “Windows gadget platform" >> lalu Klik OK. 

6. Menggunakan semua core saat booting. 
Jika anda memliki komputer atau laptop ataupun notebook yang memiliki prosesor dengan banyak core, sebaiknya anda menggunakan semua core tersebut pada saat komputer melakukan booting. 
Langkah untuk mengatur agar semua core processor anda dipakai pada saat komputer lemakukan booting bisa dilakukan dengan cara sebagai berikut:

• Klik Start >> ketik “msconfig” (tanpa tanda petik) >>  tekan enter 
• Klik pada tab >> boot > pilih system operasi windows 7 
• Klik advanced options >> beri tanda centang pada Number of processor >> pilih jumlah processor >> dan klik OK

7. Lakukan Disk Clean Up pada Harddisk anda.
Tahukah anda jika pada saat anda melakukan browsing ataupun saat anda melakukan kegiatan menginstal dan menguninstal software dari komputer anda akan menghasilkan registry-registry, cookies, cache yang baru yang biasanya tidak terpakai. Apabila anda tidak pernah melakukan pembersihan atau yang biasa disebut dengan, maka jumlahnya filnya akan semakin banyak dan akan menguras banyak pemakaian Hard Disk anda.Untuk melakukan Disk Clean Up dapat dilakukan dengan cara berikut ini.

• Klik Start >> Klik All Programs >> Klik Accesories >> Klik System Tools >> Klik Disk Clean Up  
• Akan muncul jendela kecil yang menyuruh kita untuk memilih partisi Harddisk mana yang ingin kita Clean Up. (pilihalah drive : C) >> Kemudian klik OK
• Maka akan muncul jendela seperti di atas. Berikan centang pada bagian yang ingin andaClean Up. Kemudian Klik OK.

8. Defragment Disk anda Secara Teratur.
Tips yang kedelapan untuk mempercepat kinerja komputer windows 7 anda adalah  melakukan defragment disk secara teratur. Pada dasarnya proses defragment disk adalah merapikan file yang berada pada harddisk sehingga komputer akan lebih mudah dalam membacanya.. 

Untuk melakukan defragment Disk dapat dilakukan dengan cara berikut:

• Klik Start >> Klik All Programs >> Klik Accesories >> Klik System Tools >> Klik Disk Defragmenter
• Pilih Hard Drive yang ingin anda defrag kemudian klik defragment disk

9. Matikan System Sound 

Jika anda tidak mematikan system sound makan akan mempercepat proses saat loading system.
Cara untuk mematikan system sound adalah sebagai berikut:

• Klik Start >> ketik "mmsys.cpl" (tanpa tanda petik) pada Start Search dan tekan tombol enter.
• Buka tab Sound dan pilih No Sound
• Klik OK

10. Nonaktifkan Index Search di Windows 7. 

Tips kesepuluh untuk mempercepat kinerja komputer windows 7 adalah menonaktifkan Index Search di Windows 7. Berikut ini langkahnya 

• Klik start >> ketik "services.msc" (tanpa tanda petik) lalu tekan enter.
• Cari Windows Search kemudian klik kanan dan nonaktifkan service tersebut.

11. Hapus isi folder “Prefecth”

Trik ke-11 untuk mempercepat kinerja komputer windows 7 adalah menghapus isi folder prefetch.
Cara menghapus isi folder prefetch adalah sebagai berikut: Klik kanan pada Start >> Klik Windows Explorer >> Klik Drive C anda >> Klik Windows >> Klik Prefetch >> Hapus semua isinya secara permanen dengun menggunakan kombinasi tombol (Shift + Del) .

Semoga dapat membantu teman-teman sekalian mengatasi komputer yang lemot.

Tips melupakan mantan pacar

Mengakhiri sebuah hubungan cinta yang sudah dibangun memang tidak mudah.Terkadang, kita merasa sangat sulit untuk melupakan mantan pacar.Keinginan untuk kembali dan mengawali kembali hubungan sebagai sepasang kekasih terus menerus muncul di hati dan pikiran anda, terutama di masa awal-awal putus. Padahal, anda yakin bahwa hubungan tersebut sama sekali tidak memiliki prospek apabila diteruskan.Nah, bagaimana cara paling tepat untuk melupakan mantan kekasih?
Berikut tips melupakan mantan kekasih.

1.Buang/ singkirkan semua barang-barang yang berhubungan dengan pacar anda
Barang-barang pemberian mantan anda pasti memiliki kesan dan memori tertentu bagi anda. Bisa saja, setiap anda menggunakan atau melihat barang tersebut, memori anda akan kembali terbang ke sang mantan kekasih.Tentu saja, hal ini akan membuat anda makin susah untuk melupakannya.Nah, salah satu langkah awal paling jitu untuk melupakan mantan pacar adalah dengan menyingkirkan semua barang-barang pemberiannya, sekecil apapun itu.Jika anda tidak tega untuk membuangnya, masukkanlah barang-barang tersebut ke dalam kotak dan simpan jauh-jauh dari kamar anda.Oh ya, jangan lupa juga untuk menyingkirkan semua foto anda berdua yang terpajang di dinding atau tersimpan di dalam dompet.
2.Berhenti berharap

Buanglah harapan bahwa masih ada kemungkinan bagi anda berdua untuk kembali menjadi sepasang kekasih.Sepanjang anda masih menaruh harapan, mustahil untuk melupakan mantan pacar dan melanjutkan hidup anda.Pikiran anda akan terus dihantui oleh harapan tersebut, dan anda juga bisa terjerumus ke dalam harapan palsu yang tidak kunjung terwujud.
3.Pikirkan kembali hal-hal positif dalam diri anda, dan hal negatif dalam diri sang mantan
Memang hal ini terdengar kejam, tapi terbukti sangat efektif untuk membantu anda melupakan sang mantan.Cobalah untuk mengingat-ingat kualitas positif dari kepribadian anda, dan bandingkanlah dengan hal-hal negatif dari sang mantan pacar yang sering membuat anda kesal atau bahkan terluka.Cobalah untuk meyakinkan diri anda sendiri, bahwa dengan kualitas positif yang anda miliki, anda layak untuk mendapatkan pria/ wanita yang lebih baik.Gunakan juga kesempatan ini untuk lebih memahami anda sekaligus untuk melakukan introspeksi.
4.Habiskan waktu dengan teman-teman anda

Menghabiskan waktu dengan teman bisa membuang rasa sedih dan galau karena retaknya hubungan anda dengan sang mantan.Terutama dalam periode-periode awal putus, banyak-banyaklah untuk menghabiskan waktu bersama sahabat-sahabat terbaik anda.Ingat, jangan hanya menghabiskan waktu untuk curhat tentang sang mantan, tapi cobalah untuk melakukan berbagai aktivitas yang bisa membuat anda dan sahabat merasa bahagia.Dengan melakukan hal ini, anda akan menyadari bahwa ternyata masih ada orang lain yang bisa diajak untuk berbagi kegembiraan dan kesedihan selain mantan pacar anda.

5.Jangan mengingat kenangan indah ketika bersamanya

Mengingat memori indah saat bersama mantan pacar hanya akan terus dan terus melukai hati anda.Hal ini pun akan membuat anda lebih susah melupakannya dan mempertinggi kemungkinan untuk kembali rujuk.Oleh karena itu, cobalah untuk menyingkirkan semua memori indah bersama sang mantan pacar, setidaknya pada masa awal-awal anda putus dan belum stabil.

Seperti yang disebutkan di atas, anda bisa melakukan hal ini dengan membuang barang-barang pemberiannya atau menyingkirkan foto-foto anda berdua.Ingat, kenangan indah tersebut hanya bersifat sementara sebelum ia membuat anda merasa kecewa.

6.Jangan mendengarkan lagu-lagu galau

Banyak orang yang ketika baru saja putus dengan pacarnya justru menghanyutkan diri di bawah lagu-lagu romantis yang membuat galau.Hal ini justru tidak membuat anda merasa lebih baik.Oleh karena itu, cobalah menghindari berbagai lagu atau musik bernada sedih, penyesalan, kerinduan, atau penantian.  Gantilah dengan lagu-lagu bernada ceria, semangat, dan membuat anda lebih yakin untuk memulai hidup anda tanpanya.Walaupun terkesan sepelecara ini terbukti sangat ampuh untuk membanntu anda melupakan sang mantan.

7.Carilah support dari keluarga anda

Ketika baru putus, cobalah untuk mencari dukungan dari keluarga anda.Jangan segan-segan menceritakan hal ini pada kakak-adik, atau bahkan orang tua anda.Kedua orang tua anda pasti bisa memberikan nasihat-nasihat yang menenangkan sekaligus menghibur.Jika kebetulan orang tua berada di tempat yang jauh, teleponlah mereka.Dukungan dari keluarga akan membuat anda merasa tidak sendirian dalam menghadapi masalah yang membuat hati anda sedih.

8.Hindari kontak dengan sang mantan

Sebenarnya ini adalah metode paling simpel dan mudah untuk melupakan mantan pacar anda.Hindari kontak dalam bentuk apapun.Cobalah untuk tidak bertemu dengannya, dan hindari tatap mata secara langsung.Jangan angkat telepon, dan jangan ladeni SMS-SMS darinya apapun yang tertulis di dalamnya.Jangan coba untuk membuka-buka halaman Facebooknya, karena itu bisa membuat anda makin merasa galau.Memang pada awalnya terasa berat, namun setelah beberapa hari, dibantu dengan dukungan keluarga dan teman-teman, melupakan mantan pacar akan menjadi sebuah masalah yang terasa ringan.

9.Percayalah pada diri anda sendiri

Percayalah bahwa anda bisa melalui hari-hari anda tanpa sang mantan.Yakinlah bahwa anda cukup kuat untuk menghadapi masa depan.Mempercayai diri anda bisa membuat anda lebih tegar dalam menghadapi perpisahan, dan hal ini justru bisa memotivasi anda untuk menjadi lebih baik.Jika perlu, bacalah berbagai tips untuk meningkatkan rasa percaya diri di berbagai media.

10.Berdoa

Berdoalah sesuai dengan kepercayaan dan agama masing-masing.Support secara spiritual terbukti sangat membantu anda untuk move on sekaligus melupakan mantan kekasih.Cobalah untuk lebih mendekatkan diri kepada Tuhan dengan melakukan berbagai ibadah atau bergabung dengan aktivitas-aktivitas keagamaan.Ingat juga bahwa Sang Pencipta adalah zat yang Maha Adil dan tidak akan membiarkan hamba-Nya menerima cobaan yang tidak mampu ia lewati.Ingat, takdir akan membantu anda menemukan pasangan hidup yang benar-benar cocok dan serasi, jadi jangalah lupa untuk senantiasa berdoa kepada Tuhan untuk membantu anda.

Itulah 10 tips untuk melupakan mantan pacar.

Semoga bermanfaat untuk anda.

Tips cara memikat hati wanita

                          Tips Cara Memikat Hati Wanita 

Hallo...agan2 sekalian kali ini ane bakal bagiin tips khusus buat cowok2 yg masih jomblo

langsung aja nih tips memikat hati wanita.

Hal ini menjelaskan mengapa jika seorang Wanita merasakan “cinta” kepada seorang pria, dia akan sulit menjelaskannya… hal ini dikarenakan respon otomatis dalam otaknya bereaksi secara otomatis… Makanya jika wanita sudah “jatuh cinta” dengan seorang Pria, dia tidak dapat melakukan apa-apa dan akan sulit untuk bisa menolaknya.. Sulit membuat wanita jatuh cinta kepada Anda? Atau, wanita yang sedang Anda dekati malah menjauhi Anda? Anda tidak percaya diri mendekati wanita cantik ? Jika Anda dalam kondisi ini, ada baiknya Anda menerapkan 10 tips berikut.

1. Tunjukan diri anda apa adanya Saat anda merasa cocok dengan wanita, usahakan untuk terlibat percakapan dengan si doi. Tak harus topik yang berat, bicara soal hobi masing –masing juga bisa di coba. Tampilkan diri anda yang sebenarnya. Ketulusan anda akan menarik perhatian si doi.

2. Jangan terlalu banyak menilai si doi Tak ada orang yang sempurna di dunia ini jangan sampai anda membanding-bandingkan si doi dengan orang lain, apalagi tepat dihadapannya , bisa –bisa doi kesal. Jika si doi pergi, anda juga nantinya yang menyesal.

3. Jangan terlalu agresif Anda menyukainnya , doi pun memberi reaksi positif. Hati-hati , jangan berlebihan. Terlalu sering menelepon, menghujaninya dengan SMS mesra , atau menanyakan aktivitasnya seharian akan membuat si doi tak penasaran lagi. Jual mahallah sedikit. Batasi diri anda , ketidakhadiran justru bisa menumbuhkan kerinduan dalam dirinya.

4. Tunjukan perhatian anda Tunjukan keantusiasan anda untuk mendengarkan cerita doi. Jika hubungan mulai dekat, luangkan waktu untuk mendengar curhat doi. Beri tanggapan dari cerita- cerita doi dengan pendapat yang cerdas, tanpa terkesan menggurui. Jika anda membuat dirinya merasa nyaman dengan anda , si doi akan betah bersama anda.

5. Buatlah dia tertawa Senyuman merupakan salah satu senjata ampuh untuk menjalin komunikasi dengan seseorang. Tersenyum merupakan refleksi dari seseorang yang punya pemikiran positif. Kalo emank anda berbakat, beri doi humor-humor segar saat bersamanya. Anda bisa menularkan keceriaan padanya. Survei membuktikan dari 10 wanita 9 diantaranya lebih menyukai cowok yang punya selera humor tinggi.

6. Tampilkan yang terbaik Menjadi yang terbaik , bukan berarti memaksakan diri melakukan hal-hal yang sebenarnya anda tidak sukai. Jangan memaksakan diri. Be your self aja. Dengan tampil bersih, harum, nafas segar dan tidak terlalu berantakan, cewe pasti banyak yang melirik. Apalagi jika anda menunjukan keahlian di depan doi. Jangan ragu untuk bermain gitar untuk doi atau memasak untuk doi. Jangan heran jika doi jadi terpesona akan apa yang telah anda lakukan.

7. Biarkan dia menebak-nebak Jangan langsung membuka diri. Beri tahu secara perlahan siapa sebenarnya diri anda. Jika anda langsung terbuka bisa –bisa doi akan bosan. Maknya biarkan rasa ingin tahunya tentang diri anda terus tumbuh dan berkembang. Dangan begitu, doi pun akan selalu berharap untuk mengenal anda lagi dan lagi.

8. Jangan sok akrab Bila anda suka dengan doi. sebaiknya jangan dulu sok akrab. Tetap hargai privasinya. Jangan melampaui batas. EX: untuk menunjukkan keakraban anda memeluk–meluk doi. Jika doi merasa jengah, langsung hentikan aksi tersebut atau anda bakal benar benar kehilangan doi untuk selamanya.

9.Jujur Kamu tidak perlu membuat sesuatu yang berlebihan, sedikit kalimat gombal mungkin saja membuat hatinya meleleh namun awas jika kamu tidak tahu waktu yang tepat bisa membuat si wanita jadi mengkerutkan dahi. berpenampilanlah selayaknya "manusia normal". seperti yang ditekankan di awal. Jujurlah pada diri kamu sendiri dan jangan berlebihan. kamu tetaplah kamu.

10.Senyum dan Pujian Senyum itu adalah doa (tentunya dengan sebuah alasan). senyuman tulus dari pria yang dekat dengannya akan membuat wanita nyaman dan berharap bisa berlama-lama di dekat kamu. sedikit pujian yang keluar dari mulut kamu tidak akan membuat dirimu "jatuh" dimata mereka malah wanita akan menganggap kamu adalah pria yang paling penting diluar keluarganya. 

Semoga tips diatas mampu mengobati rasa galau teman2 sekalian ya 

Panduan Belajar Pemrograman HTML

DASARHTML

        HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser,seperti Internet Explorer, Opera, Mozilla Firefox, Netscape Navigator, NeoPlanet,Google Chrome, Safari, Maxthon, Flock, Avant Browser, Deepnet Explorer,Phaseout dll. HTML inilah yang memungkinkan kita menjelajah internet dan melihat halaman web yang menarik.

HTML digunakan untuk membangun suatu halaman web. Sekalipun banyak orang menyebutnya sebagai suatu bahasa pemrograman, HTML sama sekali bukan bahasa pemrograman, tapi merupakan bahasa markup (penandaan), terhadap sebuah dokumen teks.Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ) , dan disebut tag.

Sekarang ini di pasaran terdapat banyak HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). MacromediaDreamweaver, Adobe GoLive, MS FrontPage contohnya. Tetapi tanpa mengetahui dasar-dasarnya, kita tidak akan memperoleh hasil yang maksimal. Mengapa? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih

perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek

I.      STRUKTUR DASAR HTML

Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag HTML. Karena merupakan file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang sederhana, misalnya Notepad. Dapat juga menggunakan HTML editor yang bersifat Visual, misalnya Frontpage. Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm atau .html.

Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Tag sifatnya incase sensitive, artinya penulisan tag boleh menggunakan huruf besar atau kecil

Sebuah halaman web minimal mempunyai empat buah tag, yaitu :

a.      <HTML>

Sebagai tanda awal dokumen HTML.

b.      <HEAD>

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

c.       <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>Belajar HTML</TITLE>

d.      <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">

   

  

TEXT          :     memberikan warna pada teks

BGCOLOR                :     memberikan warna pada latarbelakang dokumen HTML

BACKGROUND       :     memberikan latarbelakang dokumen HTML dalam bentuk gambar

LINK                          :     memberikan warna untuk link

ALINK                       :     memberikan warna untuk link yang sedang aktif

VLINK                       :     memberikan warna untuk link yang telah dikunjungi.

LEFTMARGIN         :     Batas kiri dokumen

TOPMARGIN           :     Menentukan batas atas

BGPROPERTIES    :     Jika nilai atribut ini diisi “FIXED”, maka gambar latar belakang tidak ikut tergulung. Jika diisi “SCROLL” maka gambar latar belakang ikut tergulung

Ø Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

Ø Penggunaan warna bisa menggunakan nama warna atau kode warna(RGB/HEX), berikut tabel warna beserta kodenya yang bisa dipakai dalam HTML

Di bawah ini adalah struktur dasar suatu file html,

<html>       <head>           <title>Sedang Belajar</title>       </head>       <body>             aku belajar html nih ..     </body>   </html>

  

 Sebuah contoh sederhana dokumen HTML :

<HTML> <HEAD> <TITLE> Belajar HTML </TITLE> </HEAD> <BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000"> Letakkan text, images, dan link Anda di sini </BODY> </HTML>

  

II.        PENGATURAN TEKS

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 :

A.   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>Belajar HTML</H2>

B.   Paragraph Baru:

<P>

Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.Mempunyai Attribute ALIGN berguna untuk mengatur perataan penulisan pada paragraf. Contoh :

<P ALIGN=RIGHT>All You can Learn !!</P>

Nilai ALIGN dapat diisi LEFT, RIGHT atau CENTER. Secara default apabila kita tidak menentukan perataan paragraf, maka penulisan akan secara otomatis menjadi rata kiri.

C.   Line Break:

<BR>

Digunakan untuk pindah ke baris baru.

D.   No Line Break:

<NOBR>

Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

E.    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. 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 anehaneh,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" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>

  

<FONT SIZE=2 FACE="Times New Roman" COLOR="RED">

Contoh lainnya : 

F.    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" COLOR="#FF0000">

  

G.   MARQUEE

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>

Atribut yang sering di gunakan adalah :

§ BGCOLOR="warna"   Untuk mengatur warna background (latar belakang) teks

§ DIRECTION="left/right/up/down"     Mengatur arah gerakan teks

§ BEHAVIOR="scroll/slide/alternate"    Untuk mengatur perilaku gerakan

@ Scroll       :    teks bergerak berputar

@ Slide        :    teks bergerak sekali lalu berhenti

@ Alternate     :         teks bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)

§  TITLE="pesan"        Pesan akan muncul saat mouse berada di atas teks

§  SCROLLAMOUNT="angka" Mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

§  SCROLLDELAY="angka"     Untuk mengatur waktu tunda gerakan dalam mili detik

§  LOOP="angka"                      Mengatur jumlah loop

§  WIDTH="lebar"                    Mengatur lebar blok teks dalam pixel atau persen

§  HEIGHT="tinggi"               Mengatur tinggi blok teks dalam pixel atau persen

Contoh penggunaan marquee

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </MARQUEE>

  

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

TAG	KETERANGAN
<STRONG> isi tulisan </STRONG> Atau <B>isi tulisan</B>	Untuk menebalkan tulisan
<U>isi tulisan</U>	Membuat garis bawah tulisan
<I>isi tulisan</I>	Membuat tulisan miring
<big>isi tulisan</big>	Membuat tulisan menjadi sedikit lebih besar
<small>isi tulisan</small>	Membuat tulisan menjadi sedikit lebih kecil
<S>isi tulisan</S>	Membuat garis mencoret pada tulisan
<pre>isi tulisan</pre>	Membuat tulisan tetap pada keadaan yang kita inginkan,misalnya untuk urutan berjejer kebawah
<center>isi tulisan</center>	Membuat tulisan berada di tengah halaman
<blink>isi tulisan</blink>	Membuat tulisan tampak berkedip
<TT>isi tulisan</TT>	Menampilkan huruf seperti huruf mesin ketik
<SUP>isi tulisan</SUP>	Menampilkan superscript
<SUB>isi tulisan</SUB>	Menampilkan subscript

III.      MENAMBAHKAN GAMBAR/IMAGE

Dokumen HTML akan menarik bila ditambah gambar. Format gambar yang dapat ditampilkan : GIF, JPEG, PCX, PNG, WMF, dll. Format gambar yang dikenal oleh hampir semua browser adalah GIF dan JPEG.

Untuk menambah gambar digunakan tag <IMG>.

Tag <IMG> mempunyai atribut :

ATRIBUT	KETERANGAN
SRC	Merujuk URL atau direktori file gambar
ALIGN	Posisi teks di sekitar gambar, nilainya adalah TOP, MIDDLE, BOTTOM, LEFT,RIGHT
WIDTH	Lebar gambar dalam pixel
HEIGHT	Tinggi gambar dalam pixel
ALT	Menampilkan teks pengganti gambar jika gambar tidak dapat ditampilkan.
HSPACE	Mengatur jarak kiri dan kanan gambar dengan objek lain
VSPACE	Mengatur jarak atas dan bawah gambar dengan objek lain
BORDER	Memberi efek bingkai pada gambar.Diisi dengan angka 1, 2, 3 dst

<IMG SRC="smada.gif" WIDTH="205" HEIGHT="157" ALT="SMAN2 Solo" ALIGN="RIGHT" border="2">

IV.     MENGGUNAKAN LINK/TAG ANCHOR DAN ATRIBUTNYA

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor, yaitu tag <A>.

Tag ini merupakan tag yang paling umum digunakan pada dokumen HTML. A adalah Singkatan dari Anchor yang dalam bahasa Indonesia berarti jangkar, tetapi akan lebih tepat jika diartikan sebagai tautan/link dikarenakan tag ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain.

Tag <A> mempunyai atribut, yaitu:

§  HREF

Atribut ini merupakan atribut yang wajib digunakan pada tag Anchor karena atribut ini digunakan untuk menentukan arah tautan yang dimaksud. Jika kita ingin menautkan ke halaman tujuan.html maka kita tinggal tulis HREF="tujuan.html". Begitu juga bila kita ingin menautkan ke halaman http://google.com maka kita tinggal menuliskan HREF="http://google.com".

<A HREF="http://tiksmadaska.blogspot.com">Tautan ini menuju halaman awal</A>

  

Jika tulisan tersebut di-klik maka akan mengarah ke halaman awal, http://tiksmadaska.blogspot.com.

Contoh lain dari penggunaan tag Anchor dapat digunakan untuk menautkan dua dokumen HTML yang telah dibuat. Jika kamu membuat dua dokumen HTML yang masing-masing bernama : klik.html dan belajar.html

Maka bila ingin memberikan tautan dari klik.html ke belajar.html kita dapat menuliskan tag sebagai berikut pada dokumen klik.html

<A HREF="belajar.html">Tautan ini menuju halaman belajar</A>

  

Catatan : dua dokumen tersebut harus ditempatkan pada direktori yang sama.

§  NAME

Atribut ini digunakan untuk memberikan nama dari suatu tautan. Atribut ini berbeda dengan atribut HREF yang akan mengubah warna teks menjadi biru dan teks tersebut akan memiliki garis bawah, atribut NAME tidak akan mengubah tampilan teks sama sekali dengan teks yang lain. Penggunaannya pun berbeda dengan atribut HREF yang digunakan untuk mengarahkan ke halaman lainnya, atribut NAME hanya berguna untuk memberikan nama dari suatu tautan. Penggunaannya adalah

<A href="#MATEMATIKA">MATEMATIKA</A>

  

akan menuju ke

<A name="MATEMATIKA">MATEMATIKA</A>

  

§  TARGET

TARGET adalah pilihan cara pembukaan suatu link dalam browser. Link tersebut akan dibuka di jendela baru atau di halaman yang sedang dibuka saat itu dapat di setting melalui atribut TARGET

Untuk membuat suatu link di buka di jendela baru kita dapat memasukkan"_blank" dalam atribut target.

Contoh :

<a href="http://tiksmadaska.blogspot.com" target="_blank">   Klik disini untuk membuka tiksmadaska.blogspot.com </a>

  

Sedangkan untuk membuat suatu link dibuka di halaman yang sedang dilihat saat itu juga gunakan "_self"

Contoh : 

<a href="http://tiksmadaska.blogspot.com" target="_self">   Klik disini untuk membuka Tiksmadaska.blogspot.com   </a>

§  TITLE

<a href="http://tiksmadaska.blogspot.com" title="kembali ke halaman awal">Tautan ini menggunakan title </a>

Atribut ini digunakan untuk memberikan keterangan tambahan dari sebuah tautan. Atribut ini akan menampilkan keterangan apabila mouse berada diatas tautan yang akan di-klik. 

Contoh :

§  ACCESSKEY

Atribut ini digunakan untuk memberikan tombol shortcut dari sebuah tautan, jadi tautan yang menggunakan atribut ACCESSKEY ini dapat diakses dengan tombol shortcut

ALT +[ yang diinginkan]..

<A HREF="http://tiksmadaska.blogspot.com/ujian"  ACCESSKEY="U"> Ujian Online </A>

Contoh : 

Untuk mengaksesnya kita bisa menekan tombol : ALT + U untuk mengakses ujian online

V.   MEMBUAT TABEL

1.    TAG < TABLE> DAN ATRIBUTNYA

Tag <TABLE> digunakan untuk membuat tabel pada dokumen HTML. Sebelumnya kita akan membahas tentang guna tabel itu sendiri. Tabel sangat berguna untuk membuat susunan halaman HTML kita menjadi lebih rapi. Dengan tabel kita dapat dengan leluasa menempatkan tulisan atau gambar dengan tatanan yang sangat teratur. Penggunaan tag ini selalui disertai dengan penggunaan tag <TR> dan <TD>. Tag <TR> untuk menyatakan baris dari tabel dan tag <TD> untuk menyatakan kolom dari tabel.

<table border="1"> <tr> <td> Tabel ini memiliki dua kolom. Ini kolom pertama </td> <td> Tabel ini memiliki dua kolom. Ini kolom kedua </td> </tr> </table>

Contoh penulisan : 

Hasilnya :

Atribut dari tag <Table>, antara lain :

§  BORDER

Atribut ini berguna untuk memberikan garis tepi pada tabel, semakin besar angka yang dimasukkan maka semakin tebal bordernya

§  CELLPADDING

Atribut untuk menentukan jarak antara isi sel dengan tepi kolom.

§  CELLSPACING

Atribut untuk menentukan jarak antar kolom

§  BGCOLOR

Atribut ini berguna untuk menentukan warna latar dari tabel

2.    TAG <TR>

Tag ini merupakan kepanjangan dari Table Row yang berarti baris dari suatu tabel. Di dalam tag ini biasanya diisi dengan beberapa tag <TD..>, sehingga akan membentuk tabel yang memiliki beberapa baris dan beberapa kolom. Tag ini tidak dapat berdiri sendiri, penggunaannya selalu beriringan setelah tag <Table>.

Atribut dari tag <TR> antara lain:

§  ALIGN

Atribut ini digunakan untuk menentukan posisi dari isi tabel apakah rata kanan, tengah, atau rata kiri. Berbeda dengan atribut ALIGN pada tag <Table..> yang berguna untuk menentukan posisi dari tabel pada sebuah dokumen, atribut ini hanya akan menentukan posisi dari isi setiap sel yang berada di dalam sebuah tabel. Atribut ini dapat diatur menjadi LEFT, CENTER, RIGHT.

<table border="2" width="25%" > <tr ALIGN="LEFT"> <td> Belajar </td> <td> HTML </td> </tr> </table>

 Hasilnya : 

§  VALIGN

Atribut ini merupakan singkatan dari vertical align yang berarti perataan vertical dari isi suatu sel. Atribut ini dapat diatur menjadi TOP, MIDDLE, BOTTOM, atau BASELINE.

<table border="2" height="15%" width="25%"> <tr ALIGN="CENTER" VALIGN="BOTTOM"> <td> Belajar </td> <td> HTML </td> </tr> </table> Hasilnya :

3.    TAG <TD>

Tag <TD> kepanjanganya Table Data. Tag ini digunakan beriringan dengan tag <Table..> dan tag <TR..>. Tag ini berguna untuk membuat satu sel tabel. Tag ini tidak dapat berdiri sendiri.

Atribut dari tag <TD> antara lain:

§  ALIGN

Atribut ini berguna seperti layaknya atribut align pada tag <TR..> yang digunakan untuk menentukan posisi dari setiap isi sel, apakah ingin rata kiri, tengah, atau rata kanan. Bedanya penggunaan atribut ini pada tag <TD..> hanya akan mempengaruhi untuk satu isi sel saja, tidak seperti tag <TR..> yang dapat mempengaruhi satu baris dari tabel.

§  WIDTH

Atribut ini berguna untuk menentukan lebar dari tag <TD..>. Ukuran yang dapat digunakan adalah pixel dan persen.

§  BGCOLOR

Sama seperti atribut BGCOLOR pada tag <TABLE..> dan tag <TR..> atribut ini berguna untuk menentukan warna latar dari sel. Bedanya penggunaan atribut BGCOLOR pada tag <TD..> hanya akan mempengaruhi satu sel saja.

§  COLSPAN

Atribut ini digunakan untuk menggabungkan dua atau lebih sel dalam baris yang sama. Fungsinya sama seperti penggunaan 'Merge' dalam Microsoft Excel. Untuk lebih jelasnya lihat penggunaannya dalam beberapa contoh berikut ini :

<TABLE border="3" width="25%"> <TR>        <TD>Belajar</TD>        <TD COLSPAN="2">HTML</TD>    </TR>   <TR>        <TD>Mudah</TD>        <TD>dan</TD>        <TD>Menyenangkan</TD>   </TR>   </TABLE>

                                                                                                                                                                   Hasilnya: 

§  ROWSPAN

<TABLE border="3" width="25%">  <TR>       <TD>Belajar</TD>       <TD ROWSPAN="2">DAN</TD> <TD>HTML</TD>  </TR>  <TR>       <TD>Mudah</TD> <TD>Menyenangkan</TD>    </TR>  </TABLE>

Penggunaannya sama seperti COLSPAN hanya saja yang digabungkan adalah sel-sel dalam kolom yang sama. Untuk lebih jelas langsung saja melihat contoh-contoh berikut ini : 

                                                                                

Hasilnya :

4.        TAG <CAPTION>

Tag ini digunakan untuk mendefinisikan tulisan untuk judul tabel. Posisi default dari judul adalah pada bagian tengah atas dari tabel. Tag ini memiliki atribut align yang digunakan untuk mengatur posisinya. Nilai atribut align adalah “top” dan “bottom”

<TABLE border="3" width="25%"> <CAPTION> MEMBUAT TABEL</CAPTION> <TR>       <TD>Belajar</TD>  <TD>HTML</TD>  </TR>  <TR>       <TD>Mudah</TD> <TD>Menyenangkan</TD>    </TR>  </TABLE>

Hasilnya : 

5.    TAG HEADER

Tag yang digunakan adalah <th> . . . </th>.

Tag ini digunakan untuk mendefinisikan sel header tabel. Secara default teks dalam sel ini akan ditebalkan dan ditampilkan di tengah

<TABLE border="3" width="25%"> <CAPTION> DATA SISWA</CAPTION> <TH>NIS</TH> <TH>NAMA SISWA</TH> <TR>       <TD>1001</TD>  <TD>BEJO SUTIMBUL</TD>  </TR>  <TR>       <TD>1002</TD> <TD>UNTUNG SEJAHTERA</TD> </TR>  </TABLE>

Hasilnya :

VI.     LIST ITEM

List item merupakan salah satu tag HTML yang digunakan untuk membuat proses pengurutan secara otomatis. Dalam Ms. Office biasanya dikenal dengan istilah bulletdan numbering, tentunya Anda sudah tidak asing dengan istilah ini.

List item dalam HTML dituliskan sebagai berikut:

<li> teks </li>

Dua jenis list item yang sering digunakan dalam HTML adalah

@ Ordered List

@ Unordered List

1.    ORDERED LIST

Tag ini mendaftarkan suatu barang secara berurutan. <OL> sendiri merupakan singkatan dari Ordered List yang berarti daftar yang berurut. Tag ini bekerja bersama dengan Tag <Li>. <OL..> mendefinisikan daftarnya sedangkan <Li> mendefinisikan setiap barang yang ada di daftar tersebut.

<OL>  <LI>Input Device        <LI>Process Device       <LI>Storage Device       <LI>Output Device </OL>

Hasilnya : 

Atribut dari tag <OL> antara lain:

 §  TYPE

Ada banyak jenis pengurutan pada OL. Dengan atribut type kita dapat membuat urutan berdasarkan beberapa jenis urutan seperti dibawah ini.

<OL TYPE="A">  <LI>Input Device</LI>       <LI>Process Device</LI>       <LI>Storage Device</LI>       <LI>Output Device</LI> </OL>

Hasilnya :

§  START

Atribut ini digunakan untuk menentukan angka untuk memulai daftar yang akan kita buat. Coba perhatikan contoh berikut :

<OL START="3">  <LI>Persatuan Indonesia</LI> <LI>Kerakyatan yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyawaratan Perwakilan</LI>  <LI>Keadilan Sosial bagi Seluruh Rakyat Indonesia</LI>  </OL>

  

Hasilnya :

2.    UNORDERED LIST

Tag ini merupakan singkatan dari Unordered List, yang berarti daftar yang tidak terurut. Tag ini bekerja bersama dengan Tag <Li>. <UL..> mendefinisikan daftarnya sedangkan <Li> mendefinisikan setiap barang yang ada di daftar tersebut.

<UL>   <LI>Ilmu pengetahuan</LI> <LI>Hiburan</LI> <LI>Teman</LI> <LI>Informasi menarik</LI> </UL>

                                                                                           

                                                                            Hasilnya :

                                                                             

Atribut dari tag <UL> :

§  TYPE

Atribut ini digunakan untuk menentukan bentuk penanda pada setiap barang yang didaftar. TYPE dibagi menjadi 3, yaitu DISC (lingkaran berisi), CIRCLE (lingkaran kosong), dan SQUARE (persegi)

2.    DEFINITION LIST

Tag ini digunakan untuk membuat daftar dari arti suatu kata. Cara kerjanya hampir sama dengan tag <UL> dan <OL>, tapi terdapat sedikit perbedaan akan tag <DL> ini dikarenakan tag ini akan menghasilkan tampilan yang tidak memiliki tanda pengurut daftar.

<DL>  <DT>Klik  <DD>Suatu aktifitas yang mengisyaratkan untuk memasuki suatu daerah pada layar komputer  <DT>Belajar        <DD>Proses dari tidak bisa menjadi bisa. </DL>

  

Hasilnya :

Tag <DL> digunakan beriringan dengan tag <DT> dan <DD> untuk membuat daftar dari arti suatu kata tersebut. Tag <DL> hanya digunakan sebagai penanda bahwa suatu daftar tentang arti dari suatu kata sedang dibentuk.

Tag<DT> (Definition Term) digunakan untuk membentuk susunan yang menandakan bahwa kata yang ditulis setelah tag <DT> merupakan kata yang akan diartikan.

Tag<DD> (Definition Data) digunakan untuk membentuk susunan yang menandakan bahwa kata yang ditulis setelah tag <DD> merupakan arti dari kata yang tertulis pada tag <DT>.