Dasar - Dasar HTML buat Blogger juga Bisa

Hmm...

semula bermula dari teman yang sering nanya mulu. Huh..menyebalkan.. kan sudah ada cara bertanya yang lebih cerdas kan... Makanya Kolom Tutorial KabaRama kali ini menampilkan Dasar-dasar HTML dulu aja yah. Semua full asli Rama yang bikin, jadi kalo ada yang salah. CMIIW yah.. (forum bangeet) ya sudah. Langsung saja kita mulai




menurut kamus besar. HTML adalah bla bla... haha.. Teori banget.. males deh.. ya sudah langsung aja yah. Cekidot..



HTML Pokok

- Untuk membuat tulisan BOLD <b> dan ditutup dengan </b>
- Untuk membuat tulisan Italic <i> dan ditutup dengan </i>
- Untuk membuat tulisan Underline <u> dan ditutup dengan </u>
- Untuk membuat Teks rata tengah <center> dan ditutup dengan </center>

HASIL

Untuk Menyisipkan Gambar

- <img src="http://ramatkj.blogspot.com/">
huruf yang bercetak kuning kamu ganti dengan alama /URL lokasi gambar kamu.
Tambahan untuk merubah ukuran ialah width dan height menjadi
- <img src="http://ramatkj.blogspot.com/" widht="88" height="88" > Untuk yang berwarna merah kamu ubah dengan ukuran sesuai kemauanmu,




HTML Link

- Untuk membuat Link
<a href="http://ramatkj.blogspot.com/">KabaRama</a>
Tulisan kuning kamu ganti dengan Link yang mau kamu masukkan, dan merah kamu ganti dengan nama Linkmu

- Untuk membuat Link dalam bentuk Gambar
<a href="http://ramatkj.blogspot.com/"><img src="http://ramatkj.blogspot.com/"></a>
Tulisan Kuning kamu ganti dengan Link yang mau kamu masukkan, dan merah kamu ganti dengan Alamat/URL lokasi gambar kamu



HTML Lainnya

- Membuat Teks Area
<p align="center"><textarea name="code" rows="6" cols="20">Tulis Teks atau script apapun dan ini yang akan muncul di dalam TextArea </textarea></p>
Angka yang berwarna merah, adalah ukuran lebar dan tingginya silahkan Ganti sesuai kemauanmu
HASIL :

Tulis Teks atau script apapun dan ini yang akan muncul di dalam TextArea

- Membuat Teks Area dengan Tombol Highlight (memBLOK tulisan)
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"&gtTulis Teks atau script apapun dan ini yang akan muncul di dalam TextArea</textarea></p></div></form>
Tulisan warna kuning adalah posisi dimana kamu meletakkannya bisa di ganti dengan left atau right
Seperti biasa tulisan berwarna merah adalah ukuran yang bisa kamu ganti suka-suka
HASIL :

Tulis Teks atau script apapun dan ini yang akan muncul di dalam TextArea

Tulisan Berjalan dan Berkedip

- Membuat efek Marquee Simple tanpa pengaturan ukuran dan kecepatan
<marquee>Efek Marquee</marquee>
Tulisan warna kuning Kamu ganti dengan kata-katamu sendiri
HASIL :Efek Marquee Simple

- Marquee Bolak balik
<marquee behavior="alternate">Marquee Bolak Balik</marquee>
Tulisan warna kuning Kamu ganti dengan kata-katamu sendiri
HASIL:Marquee Bolak Balik

- Marquee Dari atas ke atas atau sebaliknya
<marquee direction="up">Marquee Ke atas</marquee>
Tulisan warna kuning Kamu ganti dengan kata-katamu sendiri
Tulisan Merah bisa kamu Ganti dengan Down
HASIL:Marquee ke atas atau ke bawah

- Mambuat Text dengan efek berkedip
<blink>Teks berkedip</blink>
Tulisan warna kuning Kamu ganti dengan kata-katamu sendiri
HASIL : Teks berkedip

- Membuat Tulisan berjalan dengan MouseOver

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://ramatkj.blogspot.com" target="new">KabaRama 1</a><br/>

<a href="http://ramatkj.blogspot.com" target="new">KabaRama 2 </a><br/>

<a href="http://ramatkj.blogspot.com" target="new">KabaRama 3</a><br/>

Tulisan warna kuning adalah linknya dan yang merah adalah namanya.
Hasilnya adalah

KabaRama 1


KabaRama 2


KabaRama 3



Segitu dulu yah..
Buat yang selanjutnya nanti Rama bikin berdasarkan Permintaan Sobat Rama hehe..
Selamat mencoba

Baca juga Ini yah :