The Most Comprehensive Collection of HTML Codes

Post kali ini saya akan share Kode HTML, 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
<br /><b>Teks tebal </b><br />Teks disini</p><p><tt>Teks ketik </tt><br /><textarea cols="5" rows="1"><tt>Teks disini</tt><br />

Teks bercoret
<s>Teks disini<s><br /></s></s>

 Teks garis bawah
 <u>Teks disini</u>  <br />

Teks sub
^atas
^{Teks disini}<br />

Teks sub _bawah
_{Teks disini}</p><p>Teks rata kiri</p><p><textarea cols="5" rows="1"></p><p>Teks rata kiri</p><p>

Teks rata kanan

</p><p>Teks rata kanan</p><p>

Teks rata kanan kiri
</p><p>Teks disini</p><p>

Teks berada di tengah
</p><p>Teks disini</p><p>

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

Teks menjorok ke dalam semua

</p><blockquote><p>Teks disini</p></blockquote><p>

Teks berwarna
<span style="color:#f00">Teks disini</span><br />
Teks stabilo
<span style="background:#0f0;color:#f00">Teks disini</span> <br />
Membuat textarea
<textarea cols=”20″ rows=”2″>teks disini</textarea>
Textarea huruf warna
<*textarea name=”code” rows=”3″ cols=”20″ style=”;color:#ff0000;”>Teks disini

Textarea dengan bingkai

<textarea name="code" rows="3" cols="20" style="border:5px inset #00ffff;">Teks disini

Textarea dengan bingkai dan huruf berwarna

<textarea name="code" rows="3" cols="20" style="color:#ff1493;border:5px inset #9932cc;">Teks disini

Textarea dengan background

<*textarea name=”code” rows=”3″ cols=”20″ style=”background:#ff6347;”>Teks disini

Textarea dengan background dan bingkai

<*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

---

</p><hr/><p>
 Membuat garis warna

---

---

---

---

</p><hr style="color:#00f" width="60%" align="right"/>

Membuat garis dengan background

---

</p><hr style="height:3px;background:#00f;color:#f00;"/>
  Garis titik-titik

• Daftar 1
• Daftar 2
• Daftar 3

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

Menampilkan Link dengan teks

Menampilkan gambar

 

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

Menampilkan URL gambar dengan Teks

Menampilkan link dengan gambar

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

Menampilkan link dengan gambar dan teks

beri raring

Merubah ukuran gambar

<img decoding="async" loading="lazy" src="http://url-gambar" width="100" height="100"/></p><p>semakin kecil angkanya maka semakin kecil pula gambarnya<br />

Menampilkan gambar di samping post sebelah kiri

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

Menampilkan gambar di samping post sebelah kanan

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

Membuat bingkai pada gambar

 <img decoding="async" style="border:5px solid #0f0;" src="http://url-gambar"/><br />

untuk mengganti bingkai, “solid” ganti dengan; ridge, groove, double, dashed, dotted, inset, outset

Merubah warna background

 </p><p>Teks disini</p><p>

Membuat background dengan bingkai

Posisi di kanan
</p><p>Teks disini</p><p>

Posisi di tengah
</p><p>Teks disini</p><p>

Posisi di kiri
</p><p>Teks disini</p><p>

.

HTML file

Nama Anda;

Nama depan

HTML radio

Jenis Kelamin;

HTML checkbox

Hoby;

HTML password

Masukkan password

Tombol bottom