Belajar Dasar-dasar Tag HTML

Ni artikel tentang dasar-dasar HTML [Hyper Text Mark Up Language]. Artikel ni aku ambil dari blog teman dan sudah saya edit untuk memudahkan brather-brather sekalian.

Sebuah Home Page, Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web / blog. Bila para pembaca sekalian tidak senang mengutak-atik file HTML pada blogger itu sebenarnya wajar, apalagi untuk yang pemula (saya juga). Sebab, kemungkinan takut terjadi apa-apa pada blog nya (hayo ngaku?). Sebenarnya ga usah takut, Bahasa HTML berbeda dengan Bahasa Pemrogaman yang membutuhkan logika tingkat tinggi (walaupun bentuknya sama-sama rumit), HTML cuma butuh kreativitas kita, kok bisa gimana? Karena keindahan sebuah Home Page tergantung bagaimana kita memadukan warna dan bidang yang di bentuk dari Bahasa HTML tadi. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web / blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat baris baru dll. Ok mari kita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR 
Kode :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhh92_svCXRRnAbCngORIifOOd_8WUZgfiPc0iA3TbJFHVYC8ipNjYZ_EuCaF3KkRA9_K8mHs33V9gTPyQOTBAoABEDpKR-1WzuCHUmNBYVvcArxqnw-r8Dj6opmPOACNv5KWhb-dJrsM/s1600/fawaiqblog.jpg" border="0" height="17" width="90">
 
Keterangan :
Yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
 
Hasil :

* CARA MEMBUAT LINK
Kode :
<a href="http://mohnurfawaiq.blogspot.com/">Fawaiq Blog</a>
 
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "Fawaiq Blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://mohnurfawaiq.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhh92_svCXRRnAbCngORIifOOd_8WUZgfiPc0iA3TbJFHVYC8ipNjYZ_EuCaF3KkRA9_K8mHs33V9gTPyQOTBAoABEDpKR-1WzuCHUmNBYVvcArxqnw-r8Dj6opmPOACNv5KWhb-dJrsM/s1600/fawaiqblog.jpg" border="0" height="17" width="90"></a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://mohnurfawaiq.blogspot.com"
 
Hasil :
Fawaiq Blog (dibuka pada window yg sama)

(dibuka pada window baru)






* CARA MEMBUAT TEXT / GAMBAR DI TENGAH
Kode :
<center>text</center>
 
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar.

* CARA MEMBUAT BARIS BARU
Kode :
<br>
 
Keterangan :
Tambahkan kode tersebut sebelum objek (text / gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<i>Miring</i>
<b>Tebal</b>
<u>Garis Bawah</u>
 
Hasil :
Miring
Tebal 
Garis Bawah

* MEMBERI WARNA TEXT
Kode :
<font color="#FF0000">Merah</font>
<font color="blue">Biru</font>
 
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
 
Hasil :
Merah
Biru

* KODE-KODE WARNA
WarnaKode

#000000

#999999

#FFFFFF

#FF0000

#00FF00

#0000FF

#FFFF00

#00FFFF

#FF00FF

#9900FF

#FF6600

Kode-kode warna selengkapnya bisa dilihat DISINI

* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :

Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
"
&quot;
(spasi)
&nbsp;

Saya yakin sobat masih bingung kan kalau yang belum pernah tau sama sekali tentang syntax HTML, tenang saja sobat karna saya akan memberitahu jalan pintas biar cepat bisa belajar HTML. Saya dulu belajar HTML caranya yaitu tulis tag-tag HTML yang sederhana seperti diatas di Notepad kemudian save dengan ekxtensi .html atau .htm maka otomatis jika sobat double klik file tersebut akan terbuka di default browser sobat. Maka sobat akan tau hasil nyatanya, kemudian otak-atik sesuka hati, kalau yang dasar-dasar nya sudah faham baru cari di internet tag-tag HTML yang lain untuk dipelajari.


Sekian tutorial dari saya tentang Belajar Dasar-Dasar Tag HTML, kalau ada kesulitan silakan bertanya, dengan senang hati saya akan membantu. Semoga bermanfaat buat sobat.

Related Posts:

Cara Instalasi Windows 7

Diantara brader-brader sekalian pembaca blog ini pasti ada yang belum pernah install sistem operasi Windows kan ? Mungkin karena takut salah, takut error ato mbleduk barangkali jadi takut mau coba-coba, hehe. Terus kalo gak berani coba-coba kapan bisanya donk. Belajar komputer itu harus praktek dan berani coba-coba, jangan takut salah. Justru kalo kita pernah melakukan kesalahan jadi tau gimana cara mengatasi kesalahan tersebut di kemudian hari. Betul tidak? (aagym mode :D )

Nah sekarang saya coba kasih tau caranya install Windows Seven (7) tahap demi tahap ya, oya instalasi Windows Seven (7) hampir sama kayak instalasi Windows Vista, pastinya lebih sederhana ketimbang instalasi Windows XP ke bawah, soalnya tidak ada pertanyaan-pertanyaan di tengah-tengah instalasi, settingan zona waktu dll dilakukan setelah proses instalasi selesai. Gak kayak pas install Windows XP kebawah ada di tengah-tengah yang lumayan mengganggu karena proses instalasi harus di tongkrongin, gak bisa ditinggal terus selese gitu. Ok langsung aja ya
  • Sediakan komputer yang memenuhi syarat untuk bisa di install Windows Seven (7) kalo mau nyaman minimal dual core dengan memory 1GB
  • DVD instalasi Windows Seven (7)
  • Atur agar komputer booting dari DVD, pengaturan dilakukan lewat BIOS, bisanya tekan Del atau F2 ketika komputer baru dinyalakan pilih setingan booting kemudian pilih DVD-ROM menjadi urutan pertama. Simpan konfigurasi bios dengan cara menekan F10.
  • Masukkan DVD Instalasi
  • Pencet sembarang tombol jika sudah ada pertanyaan apakan ingin boot dari CD or DVD
  • Muncul tampilan seperti dibawah
image
  • Selanjutnya muncul tampilan seperti di bawah, langsung saja klik next
image
  • Jangan bengong brader, klik Install now
image
  • Kalo sempet ya silahkan di baca-baca dulu (hampir tidak ada yang pernah baca loh), langsung centang juga gak apa-apa kok ga ada yang marah, terus next
image
  • Karena kita sedang melakukan clean install maka pilih yang Custom (advanced)
image
  • Pilih partisi yang akan dipakai untuk menginstal Windows Seven (7), contoh di bawah hardisk belum di bagi-bagi ke dalam beberapa partisi, jika ingin membagi ke dalam beberapa partisi sebelum proses instalasi pilih Drive options (advanced) disitu kita bisa membuat, menghapus dan meresize partisi. Tapi dari pada bingung untuk yang pertama kali instalasi Windows mending langsung pilih next saja, toh pembagian partisi bisa dilakukan setelah proses instalasi selesai.
image
  • Proses instalasi dimulai brader, ditinggal juga boleh, memakan beberapa puluh menit tergantung spesifikasi komputer brader, katanya sih udah ada yang nyoba instal di komputer pentium 2 dan memakan waktu belasan jam!! haha. Kalo komputer baru kurang dari sejam kok
image
  • Setelah proses di atas selese komputer akan otomatis restart sendiri. Kemudian muncul seperti dibawah
image
  • Ketikkan nama user dan nama komputer, terserah apa aja, misal nama brader sendiri
image
  • Kemudian bikin password biar komputer brader aman, tulis 2x dan harus sama, kemudian password hint diisi dengan clue kalo misalnya brader lupa ama passwornya. Gak di isi juga gak apa apa, toh bisa di setting setelah instalasi selesai.
image
  • Masukkan Windows Product key, biasanya ada di paket DVD intalasi nya. Kalo misalnya brader gak punya poduct key nya di kosongin aja, brader diberi kesempatan mencoba windows 7 selama 30 hari. Tapi tenang saja kita bisa buat Windows yang bajakan menjadi asli / full version, DISINI caranya
image
  • Selanjutnya brader disuruh memilih setingan apakah Windows akan otomatis meng-update sendiri ato tidak, pilih suka-suka brader aja ya. Kalo saya sich pilih yang Ask me later
image
  • Kemudian setingan time zone sesuaikan dengan tempat tinggal brader, kalau di Indonesia biasanya waktunya Bangkok, Hanoi, Jakarta.
image
  • Selesai deh brader, Install driver hardware komputer agar Windows berjalan secara maksimal, seperti driver VGA, audio, chipset, network, bluetooth dan lain-lain. Seger kan tampilannya, Selamat mencoba brader
image

Buat yang pengen tau perbedaan fitur tiap edisi Windows 7, silahkan cari di Google.
Dan yang pingin bisa install Windows 7 lewat flashdisk silakan ikuti link ini

Semoga artikel diatas tentang Cara Instalasi Windows 7 bermanfaat buat brader-brader semua. Yang masih bingung silakan bertanya, dengan senang hati saya akan membantu :)

Related Posts: