belajar HTML di notepad
Bagaimanapun juga, HTML adalah sebuah bahasa. Sama seperti bahasa Jawa, kalau Anda 5 tahun saja tinggal di Kebumen, saya yakin Anda akan medog dengan sendirinya. HTML pun merupakan bahasa yang jika Anda terbiasa menulisnya, Anda akan mejadi mahir. Dijamin! (duh..siapa yang memberi jaminan? )
Membuat halaman website sebenarnya sangat mudah. Bahkan Anda hanya perlu Notepad. Saya ingin mengajak Anda mengenal HTML dengan memulai dari yang sederhana. Berikut cara mudah membuat halaman web hanya dengan Notepad.
Jika Anda pemula, anggap ini latihan sederhana dan untuk selanjutnya jangan bosan-bosan datang ke sini yah..!
Langkah 1
Cari di PC Anda aplikasi NotePad (seharusnya ada). Kemudian ketik sama persis dengan yang di bawah ini (Saya harap Anda tidak melakukan copy & paste. Kalo Anda lakukan itu, percuma dong belajar nulis HTML?)
Jika Anda pemula, anggap ini latihan sederhana dan untuk selanjutnya jangan bosan-bosan datang ke sini yah..!
Langkah 1
Cari di PC Anda aplikasi NotePad (seharusnya ada). Kemudian ketik sama persis dengan yang di bawah ini (Saya harap Anda tidak melakukan copy & paste. Kalo Anda lakukan itu, percuma dong belajar nulis HTML?)
<HTML>
<HEAD>
<TITLE>hhtp://www.manis-pedascinta.blogsport.com</TITLE>
</HEAD>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<P><a href="contoh.html">Home</a> | <a href="contoh2.html">Halaman 2</a> | <a href="contoh3.html">Halaman 3</a></P>
<HR>
<P>jejak pertualangan hidupku</P>
</BODY>
</HTML>
Jika sudah, simpan itu di folder Anda dengan pilihan:
File Name : contoh.html
Save as type: All files
Klik ganda pada file yang sudah Anda buat tadi. Maka seharusnya halaman web Anda tampil seperti ini:
File Name : contoh.html
Save as type: All files
Klik ganda pada file yang sudah Anda buat tadi. Maka seharusnya halaman web Anda tampil seperti ini:
Cara Membuat Link atau Navigasi
Edit dengan NotePad file contoh.html kemudian tambahkan isi sebagai berikut:
<HEAD>
<TITLE>hhtp://www.manis-pedascinta.blogsport.com</TITLE>
</HEAD>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<P><a href="contoh.html">Home</a> | <a href="contoh2.html">Halaman 2</a> | <a href="contoh3.html">Halaman 3</a></P>
<HR>
<P>jejak pertualangan hidupku...membuat tempelate blog emang butuh kesabaran sob</P>
</BODY>
</HTML>
0 komentar:
Posting Komentar