Cara Membuat
HTML dengan Notepad++
Untuk
belajar membuat HTML tidak harus ada software dreamweaver atau yang lainnya,
kita bisa menggunakan notepad dan web browser. Untuk HTML editor kita bisa
menggunakan notepad , dan untuk browser bisa menggunakan Mozilla Firefox yang
sudah ada di computer atau laptop.
Di
notepad untuk memasukkan tag HTML , dan di browser untuk melihat hasil halaman
HTML itu sendiri. Nah , sekarang kita mulai caranya :
1.
Buka
aplikasi notepad pada computer atau laptop anda
2.
Ketikan
kode atau tag HTMLnya , misalkan :
<html>
<head>
<title>Tugas Pemrograman
Web</title>
</head>
<body style= "background-color
:pink">
<div style= "background-color
:white" align="center"><h1>CURICULUM VITAE</h1>
</div>
<div
style="margin-left:150;">
<h2>Identitas Pribadi</h2>
<table width="500">
<tr>
<td>Nama </td>
<td> : Nur Asri Setyo Wardani
</td>
<td rowspan="6"
height="100">
</td></tr>
<tr>
<td>Tempat, tanggal lahir
</td>
<td> : Sragen, 15 April 1996
</td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td> : Perempuan </td>
</tr>
<tr>
<td>Agama </td>
<td> : Islam </td>
</tr>
<tr>
<td>Alamat </td>
<td> : Karanglegi RT.01/06 ,
Tangkil , Sragen , Jateng</td>
</tr>
<tr>
<td>Email </td>
<td> :
Asrisetyawardani@gmail.com</td>
</tr>
</table>
<h2>Riwayat Pendidikan</h2>
<ul>
<li>Pendidikan Formal</li>
<br/>
<table border="1"
cellpadding="1" cellspacing="1.5" width="450">
<tr>
<td><b>Tingkatan
Pendidikan<b/></td>
<td><b>LULUS</b></td>
</tr>
<tr>
<td>TK Pertiwi</td>
<td>2002</td>
</tr>
<tr>
<td>SDN Tangkil 1</td>
<td>2007</td>
</tr>
<tr>
<td>SMP Muh 1 Sragen</td>
<td>2010</td>
</tr>
<tr>
<td>SMA Muh 1 Sragen</td>
<td>2013</td>
</tr>
<tr>
<td>STMIK AMIKOM
Yogyakarta</td>
<td>Masih dalam perkuliahan
semester 2</td>
</tr>
</table>
<br/>
</body>
</html>
3.
Save
file yang sudah dibuat. Simpan file dengan nama coba.html jangan tambahkan
tanda petik (“) , jika ditambahkan tanda petik maka file yang tersimpan akan
menjadi file dengan ekstension “txt”.
4.
Jika
sudah tutup aplikasi notepad lalu buka file yang sudah disimpan tadi. Dibuka
dengan double kill.
5.
Jika
file yang disimpan tadi sudah benar file tersebut otomatis akan dibuka dengan
menggunakan aplikasi yang ada dikomputer atau laptop anda seperti Mozilla
Firefox. Dan tampilannya akan seperti diatas.
6.
Nah,
hasilnya akan seperti pada gambar diatas itu.
Semoga tutorial
diatas bisa membantu J
0 komentar:
Posting Komentar