Belajar HTML Menggunakan NetBeans IDE 7.0.1

Sekarang saya akan mencoba belajar HTML  dengan menggunakan NetBeans IDE 7.0.1.

pertama masuk ke NetBeans.

klik new project > pilih PHP > PHP Application > Next.

kemudian ganti nama project yang anda inginkan > pilih Finish.

Memulai HTML

Ketikkan perintah HTML di NetBeans seperti di bawah ini :

<html>
<head>
<h1>SATU</h1>
<h2>DUA</h2>
<h3>TIGA</h3>
<h4>EMPAT</h4>
<h5>LIMA</h5>
<h6>ENAM</h6>
<a href=http://haididglow.wordpress.com/>Cara Membuat Link</a>
<p>membuat paragraph</p>
<i>membuat tulisan miring</i><br/>
<u>membuat tulisan bergaris bawah</u><br/>
<b>membuat tulisan tebal</b>
</body>
</html>

inilah hasilnya setelah di run :

Membuat tabel :

<html>
<h1>membuat tabel</h1>
<table border=”4″/>
<th>Nama</th>
<th>NIM</th>
<tr>
<td>Haidi</td>
<td>211130042</td>
</tr>
<tr>
<td>Permana Raka Alam</td>
<td>211130067</td>
</tr>
</table>

</body>
</html>

Hasilnya seperti di bawah ini :

membuat Form :

<html>
<h1>membuat Form</h1>
Nama :<input type=”nm”/><br/>
NIM:<input type=”Nim”/><br/>
Jurusan :<input type=”jr”/><br>
Jenis Kelamin : <input type=”checkbox” value=”jk”/>Laki-Laki<br/>
<input type=”checkbox” value=”jk”/>Perempuan<br/>
Agama : <input type =”radio” value=”ag”/>Islam<br/>
<input type =”radio” value=”ag”/>Kristen<br/>
<input type =”radio” value=”ag”/>Hindu<br/>
<input type =”radio” value=”ag”/>Budha<br/>
</body>
</html>

 

hasilnya adalah :

About these ads

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

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: