kumpulan Kode HTML dasar

kumpulan kode HTML dasar

- kode text area

<text area cols=”20″ rows=”2″> isi teks kamu disini </text area>
Catatan : Textarea tdk boleh pakai spasi

- kode membuat paragraph

</p>

- membuat baris baru
<br />

- teks kanan
<div style="text-align: right;">Teks kita</div>


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

- teks tengah
<center>teksnya di sini</center>

- teks berwarna
<span style="color:#00ffff">teks kita</span>

-teks berbayang
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>teks kita</b></font></b>

- membuat garis
<hr/>

- garis berwarna
<hr style="color:red">

- garis putus-putus
<div style="border-bottom:3px dashed #00f;"></div>

- garis dengan background
<hr style="height:3px;background:#00f;color:#f00;">

- mengatur ukuran garis
<hr style="color:#00f" width="60%">

- membuat garis kanan
<hr style="color:#00f" width="60%" align="right">

- membuat garis kiri
<hr style="color:#00f" width="60%" align="left">

- menampilkan gambar
<img src="http://url gambar kita"</a>

- merubah ukuran gambar
<img src="http://url-gambar" width="100" height="100">

- membuat link teks
<a href="http://url tujuan">link teks kita</a>

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

- membuat link tombol
<div style="text-align:center;"><a href="http://URL kita"><input type="submit" value="teks linknya di sini" /></a></div>

- membuat daftar bulat
<ul><li>menu1</li> <li>menu2</li> <li>menu3</li> </ul>

- membuat daftar nomor
<ol><li>menu 1</li> <li>menu 2</li> <li>menu 3</li> </ol>

- teks mesin ketik
<tt>teksnya disini</tt>

- teks dicoret
<s>teks kita</s>

- teks miring italic
<i>teksnya di sini</i>

- teks underline
<u>teksnya di sini</u>

- teks tebal
<b>- teks tebal</b>

- teks besar
<font color="orange" size="15px">Teks</font>

- teks stabilo
<span style="background-color: #ffc1e0;">Teksnya di sini</span>

- membuat tabel
<table width="100%" border="1"><tr><td width="100%" bgcolor="#abcdef" align="center">teks 1</td></tr> </table>

Terima kasih telah mampir! Semoga kode-kode diatas bermanfaat.

Share this post