Membuat halaman web menggunakan notepad

Pertama buka notepad dengan windows+R

Ketikkan “notepad” tanpa tanda petik, lalu tekan enter.

ketikkan kode html dibawah ini:

<html>
<head>
<title>Latihan1</title>
</head>
<body>
<h1>Ini adalah isi website</h1>
<h2>Ini adalah isi website</h2>
<h3>Ini adalah isi website</h3>
<h4>Ini adalah isi website</h4>
</body>
</html>

klik file –> save

simpan di folder yang Anda inginkan dengan nama “halamanweb.html” tanpa tanda petik.

Kemudian masuk ke folder tempat penyimpanan tadi

Klik kanan, open with mozila firefox atau browser lainnya.

maka akan tampil halaman seperti dibawah ini:

itu halaman web pertamamu menggunakan html dan notepad sebagai editornya.

Selamat mencoba!!

About these ads

About Light 4 All

Berbagi untuk Bersama

Posted on April 2, 2013, in HTML, Web Design. Bookmark the permalink. 5 Comments.

  1. tutorial di atas setelah di coba hasilnya hanya berupa tulisan saja
    kalau misalkan kita mau menambahkan gambar atau hiasan lain lewat notepad bisa apa tidak?
    mohon saran dan postingan lebih banyak lagi.
    terima kasih…

  2. tutorial diatas kalau dipraktekkan hasilnya berupa tulisan teks saja
    kalau misalkan kita ingin menambahkan gambar atau menambah hiasan lain bisa apa tidak lewat notepad?
    mohon saran dan postingan lebih banyak lagi ya pak
    terima kasih…

  3. tutorial diatas kalau dipraktekkan hasilnya berupa tulisan teks saja
    kalau misalkan kita ingin menambahkan gambar atau menambah hiasan lain bisa apa tidak lewat notepad?
    mohon saran dan postingan lebih banyak lagi ya pak
    terima kasih…

  4. tutorial diatas kalau dipraktekkan hasilnya berupa tulisan teks saja
    kalau misalkan kita ingin menambahkan gambar atau menambah hiasan lain bisa apa tidak lewat notepad?
    mohon saran dan postingan lebih banyak lagi ya pak
    terima kasih… .

  5. em..tutorial diatas kalau dipraktekkan hasilnya berupa tulisan teks saja
    kalau misalkan kita ingin menambahkan gambar atau menambah hiasan lain bisa apa tidak lewat notepad?
    mohon saran dan postingan lebih banyak lagi ya pak
    terima kasih…

Memberikan Komentar

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.

Join 2,417 other followers