kumpulan kode html paling lengkap untuk blog 2

 Kumpulan kode html paling lengkap untuk blog

berikut ini adalah Kode HTML paling lengkap, kayaknya sudah banyak yang tahu kode-kode HTML, jadi post ini bukan untuk para master namun untuk newbie yang nyasar kemari.
Saya hanya menampilkan kode HTML yang support di MyWapBlog saja, berikut kode-kodenya;

Membuat baris baru

<br/> Membuat paragraf baru
<p>
Teks tebal
<b>text disini
Teks ketik
<tt>Teks disini</tt>
Teks bercoret
<s>Teks disini<s>
Teks garis bawah
<u>Teks disini</u>
Teks sup ^atas
^{Teks disini}
Teks sub _bawah
<sub>Teks disini</sub

Teks rata kiri

<div style="text-align:left;"> Teks rata kiri</div>

Teks rata kanan

<div style="text-align:right;"> Teks rata kanan</div> Teks rata kanan kiri
<div style="text-align:justify;"> Teks disini</div>
Teks berada di tengah
<div style="text-align:center;"> Teks disini</div>

Teks baris pertama menjorok ke dalam
<p style="text-indent:30px;"> Teks disini</p>

Teks menjorok ke dalam semua

<blockquote> Teks disini</blockquote> Teks berwarna
<span style="color:#f00">Teks disini</span>
Teks stabilo
<span style="background:#0f0;color:#f00">Teks disini</span>

Membuat text area (hapus tanda *)
<*textarea cols="20" rows="2">teks disini
Textarea huruf warna (hapus tanda *)
<*textarea name="code" rows="3" cols="20" style=";color:#ff0000;">Teks disini
Textarea dengan bingkai (hapus tanda *)
<textarea name="code" rows="3" cols="20" style="border:5px inset #00ffff;">Teks disini
Textarea dengan bingkai dan huruf berwarna (hapus tanda *)
<textarea name="code" rows="3" cols="20" style="color:#ff1493;border:5px inset #9932cc;">Teks disini
Textarea dengan background (hapus tanda *)
<*textarea name="code" rows="3" cols="20" style="background:#ff6347;">Teks disini
Textarea dengan background dan bingkai (hapus tanda *)
<*textarea name="code" rows="3" cols="20" style="background:#000080;border:5px inset #ff7f50;">Teks disini
Textarea dengan background dan bingkai serta huruf berwarna
<textarea name="code" rows="3" cols="20" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">Teks disini
Textarea dashed
<textarea name="code" rows="3" cols="20" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">Teks disini
Textarea dotted
<textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks disini
Membuat garis

---

<hr> Membuat garis warna

---

<hr style="color:red"> Mengatur ukuran garis

---

<hr style="color:#00f" width="60%"> Garis sebelah kiri

---

<hr style="color:#00f" width="60%" align="left"> Garis sebelah kanan

---

<hr style="color:#00f" width="60%" align="right"> Membuat garis dengan background

---

<hr style="height:3px;background:#00f;color:#f00;"> Garis titik-titik
<div style="border-bottom:3px dotted #00f;"> </div> Garis putus-putus
<div style="border-bottom:3px dashed #00f;"> </div>

Membuat daftar

• Daftar 1
• Daftar 2
• Daftar 3

<ul> <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ul>

Menampilkan Link dengan teks
<a href="http://url-tujuan">nama link</a>

Menampilkan gambar
<img src="http://url-gambar">

Menampilkan URL gambar dengan lihat disini
<a href="http://url-gambar">nama link</a>

Menampilkan link dengan gambar

<a href="http://url-tujuan"><img src="http://url-gambar"></a>

Menampilkan link dengan gambar dan teks
beri raring
<a href="http://url-tujuan"><img src="http://url-gambar">teks</a>

Merubah ukuran gambar
 
<img src="http://url-gambar" width="100" height="100"> semakin kecil angkanya maka semakin kecil pula gambarnya

Menampilkan gambar di samping post sebelah kiri

<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini

Menampilkan gambar di samping post sebelah kanan
<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini
Membuat bingkai pada gambar

<img style="border:5px solid #0f0;" src="http://url-gambar"/>
untuk mengganti bingkai, "solid" ganti dengan; ridge, groove, double, dashed, dotted, inset, outset

Merubah warna background

<div style="background:#0f0"> Teks disini</div>

klik disini untuk kode warna
Membuat background dengan bingkai

Posisi di kanan
<div style="background:#ccc; border:3px solid #000;padding: 3px;margin-right:20px"> Teks disini</div>

Posisi di tengah
<div style="background:#ccc; border:3px solid #000;padding: 3px;margin:20px"> Teks disini</div>

Posisi di kiri
<div style="background:#ccc; border:3px solid #000;padding:5px;margin-left:20px"> Teks disini</div>

. HTML file

Nama Anda;
Nama depan

Nama belakang:
 
Nama depan <input title="nama" id="first" name="first" type="text" size="20"/><br/>Nama belakang: <input title="nama" id="first" name="first" type="text" size="20"/>

HTML radio
Jenis Kelamin;

Laki-laki
Perempuan
<input type="radio" name="food"/> Laki-laki<br/><input type="radio" name="food"/> Perempuan

HTML checkbox
Hoby;

Sepak bola
Volly
Basket
<input type="checkbox" name="sport" value="football"> Sepak bola<br/><input type="checkbox" name="sport" value="vollyball"> Volly<br/><input type="checkbox" name="sport" value="basketball"> Basket

HTML password
Masukkan password

<input type="password" title="password" size="20"/>

Tombol bottom

<a href="http://url tujuan"><input type="submit" value="Nama tombol"/></a> Membuat tabel

teks	teks
teks	teks

<table border="1" width="100%"<tr><th colspan="2">TEKS</th></tr> <tr><td style="width=50%">teks</td><td style="width=50%">teks</td></tr> <tr><td>teks</td><td>teks</td></tr> </table>

---