Membuat Html dengan Notepad

Bagaimana membuatnya

Sejauh ini kita baru mengetahui kode-kode dan hasilnya di browser. Sekarang kita akan pelajari cara

Untuk membuat sebuah halaman web seperti contoh di atas, lakukan hal berikut:

Buka editor teks (seperti Notepad atau SimpleText)
Buat halaman (kosong) baru (yaitu “File> New …”)
Salin kode dari “Contoh 2″ dan sisipkan ke file teks kosong Anda (atau diketik ulang jika Anda suka)
Simpan file sebagai “index.html”

Selamat Anda baru saja membuat halaman web pertama Anda!

Anda dapat melanjutkan dan melihat halaman web baru Anda pada browser Anda. Untuk melakukan ini, Anda dapat mengklik dua kali pada file tersebut. Jika ini tidak berhasil, coba buka jendela browser baru, kemudian menyeret file ke atasnya.”

Menambahkan halaman lain

Menambahkan halaman web lain sama mudahnya ketika halaman pertama kita buat. Bahkan, Anda bisa membuat salinan pertama Anda jika Anda inginkan, lalu memodifikasi sesuai keinginan Anda. Sebagai contoh, anda dapat membuat “hyperlink” sehingga akan terkait dengan halaman lain. Ketika link di klik,halaman lain akan terbuka.

Jadi, mari kita membuat halaman web lain. Pada halaman web, kita akan memiliki hyperlink yang mengarah ke halaman web pertama kami. Untuk melakukan hal ini, kode kita akan terlihat seperti ini:

Contoh 3:

<head>

<title>Hello World!</title>

</head>

<body>

<h1>halaman kedua saya</h1>

<p> Selamat datang di halaman web kedua saya!</p>

<p> Berikut <a href=”index.html”>halaman pertama saya</a></p>

</body>

</html> </ Html>

Halaman HTML di atas akan terlihat seperti ini di browser:

Kita sebut ini sebagai halaman_kedua.html

Jadi, jika anda sudah lupa bagaimana melakukan hal ini, berikut ini adalah langkah untuk membuat halaman web kedua Anda:

Buka editor teks (seperti Notepad atau SimpleText)
Buat halaman baru (yaitu “File> New …”)
Salin kode dari “Contoh 3″ dan sisipkan ke file teks kosong Anda (atau diketik ulang jika Anda suka)
Simpan file sebagai “halaman_kedua.html” (simpan ke dalam direktori yang sama dengan file Anda sebelumnya)

Dan jadi sudah halaman kedua kita,jangan takut untuk bereksperimen sendiri,berikut ini tag HTML lengkap dan simpulkan kegunaanya.selamat belajar..

by ::: zone^