Belajar HTML, Part 1

<!DOCTYPE html>
<html lang=”id”>
<head>
<!– <link rel=”stylesheet” href=”gaya.css” type=”text/css” /> –>
</head>
<body bgcolor=””>
<!– Text ini komentar –>
<h1> ini H1</h1>
<h2> ini H2</h2>
<h3> ini H3</h3>
<h4> ini H4</h4>
<h5> ini H5</h5>
<h6> ini H6</h6>

<b>bold</b>
<i>Miring</i>
<u> Garis bawah</u>
<small>Small</small>
<em>Empasis</em>
<big>Big besar</big>
H<sub>2</sub>0
O<sup>2</sup>
<strike>Coret</strike>
<strong>Strong Kuat</strong>

<!– Paragraf –>
<p align=”justify”>
ini Paragraf
</p>
<!– Link ke tempat lain –>
<a href=”http://www.w3schools.com/&#8221; target=”iframe1″ >Click here</a>

<img src=”gambar/panah.jpg” height=”100px” />

<ol type=”i”>
<li> satu </li>
<li> dua </li>
<li> tiga </li>
</ol>

<ul type=”square”>
<li> satu </li>
<li> dua </li>
<li> tiga </li>
</ul>

<dl>
<dd>satu</dd>
<dd>satu</dd>
<dd>satu</dd>
</dl>

<table border=”1″ align=”center” width=”50%”>
<tr>
<td colspan=”3″>100</td>

</tr>

<tr>
<td rowspan=”2″>400</td>
<td>500</td>
<td>600</td>
</tr>

<tr>
<td>700</td>
<td>
<table border=”1″>
<tr>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
</tr>
<tr>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
</tr>
</table>
</td>

</tr>
</table>

<form action=”utama.php” method=”post”>
Nama :         <input type=”text” name=”nama”  placeholder=”masukkan nama anda”/><br />
Password :     <input type=”password” name=”pass”  placeholder=””/><br />
bisa :        <input type=”hidden” name=”id” value=”” /><br />

Gender :     <input type=”radio” name=”jkl”  value=”L”/>L,
<input type=”radio” name=”jkl”  value=”P”/>P.<br />

Hobby :
<input type=”checkbox” name=”hobbi” value=”baca” />    Baca,
<input type=”checkbox” name=”hobbi” value=”makan” /> Makan,
<input type=”checkbox” name=”hobbi” value=”tidur” /> Tidur,
<input type=”checkbox” name=”hobbi” value=”makan_lagi” /> Makan Lagi,<br />

Agama :     <select name=”agama”>
<option value=””>Silahkan pilih</option>
<option value=”islam”>ISLAM</option>
<option value=”kristen”>KRISTEN</option>
<option value=”budha”>BUDHA</option>
<option value=”hindu”>HINDU</option>
<option value=”katholik”>KATHOLIK</option>
<option value=”konghuchu”>KONGHUCHU</option>
</select><br />

Alamat :     <textarea cols=”40″ rows=”5″></textarea> <br />

<input type=”submit” name=”submit” value=”KIRIM” />
<input type=”reset” name=”clear” value=”HAPUS” />
</form>

</body>
</html>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s