Cara Membuat Website Dengan Notepad
Bagaimanapun juga, HTML adalah sebuah bahasa. Sama seperti bahasa Jawa, kalau Anda 5 tahun saja tinggal di Siantar, 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..!
Tanpa basa-basi langsung kita ke TKP..
Ikuti Langkah-langkahnya dengan benar.
Langkah 1 : Menuju ke Sini, trus add teman dulu :D
Langkah 2 : Buka Notepad
Langkah 3 : Paste kode-kode html dibawah ini ke notepad yang telah di siapkan tadii
<HTML>
<HEAD>
<TITLE> Welcome To My Website </TITLE>
</HEAD>
<body background =w.jpg
<BODY>
</HTML>
<TABLE border=”1? background=”bos.jpg” align=”center”>
<TR>
</TR>
<TR>
<TD align=”center” background=”bos.jpeg” colspan=”2? height=”30? width=”10000?>
<HR>
<P><a href=”index.html”>Back To Home«</a> | <a href=”tugas1.html”>My Facebook«</a> | <a href=”tugas.html”>My Twitter«</a></P>
<HR
</TR>
<TR>
<TD align=”left” background=”green.jpg” colspan=”2? height=”160? width=”800?>
<HTML>
<HEAD>
<TITLE>My Biodata (Bosmer Tamba)</TITLE></HEAD>
<body bgcolor = w.jpg> ><FONT FACE = ARIAL COLOR = green SIZE = 3> <B> <U>
<A HREF = bos.jpg><P ALIGN = CENTER ><IMG SRC = bos.jpg width=”100? height=”200?></A HREF>
<PRE>
<P ALIGN = ALIGN TEXT LEFT>
NAMA = Bosmer Tamba
Tempat/Tanggal Lahir : P.Siantar 02 Maret 1996
Alamat = Jalan. Sm. Raja
Hobi : Membaca Komik, Bermain Bola,Badminton, Catur dsb
No Hp : 081265996771
Makanan Favorit : Bakso, Miso, Pangsit, masih banak lagi lah
Minuman Favorit : Sprite, Fanta, Jus Jeruk etc
Club yang di Gemari : Man.United, Barcelona, R.Madrid, AC.Mil, PSMS :D
Atlet Sepakbola Yang di Gemari : C.Ronaldo, Messi, Ibrahimovic, Robinho, VanDerSar, G.Buffon, dll
Cita-Cita : Masih dipikirkan :D
</PRE>
<HTML>
<HEAD>
</HEAD>
<BODY>
<font color = white face = verdana size = +1 align = center>
<HR>
<P><a href=”index.html”>Home</a> | <a href=”tugas1.html”>Halaman 2</a> | <a href=”tugas.html”>Halaman 3</a></P>
<HR>
<P ALIGN = CENTER>
<FONT face=”impact” color=”black”>All Right Reserved © 2012 by Bosmer Tamba</FONT></TD>
</TR>
<html>
<head>
<TD align=”center” background=”ic” colspan=”10? height=”20? width=”80?>
<html>
<head>
<title>Jam Digital</title>
<script type=”text/javascript”>
// 1 detik = 1000
window.setTimeout(“waktu()”,1000);
function waktu() {
var tanggal = new Date();
setTimeout(“waktu()”,1000);
document.getElementById(“output”).innerHTML = tanggal.getHours()+”:”+tanggal.getMinutes()+”:”+tanggal.getSeconds();
}
</script>
</head>
<body background=”bosmer.jpg” text=”blue” onload=”waktu()”>
<table align=center style=”border:1px solid black” bgcolor=”#CCCCCC”><tr><td>
<div id=”output”>
</div></td></tr>
</table>
</body>
</html>
</TR>
</TABLE>
</BODY>
</HTML>
Langkah 4: Trus ganti aja tulisan atau background nya ntah apa lah itu sesuka hati sobat..
Langkah 5 : Simpa file dengan diakhiri ".html" (tanpa tanda petik) ex : bosmer.html
Langkah 6: Selesaii
Bagaimanapun juga, HTML adalah sebuah bahasa. Sama seperti bahasa Jawa, kalau Anda 5 tahun saja tinggal di Siantar, 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..!
Tanpa basa-basi langsung kita ke TKP..
Ikuti Langkah-langkahnya dengan benar.
Langkah 1 : Menuju ke Sini, trus add teman dulu :D
Langkah 2 : Buka Notepad
Langkah 3 : Paste kode-kode html dibawah ini ke notepad yang telah di siapkan tadii
<HTML>
<HEAD>
<TITLE> Welcome To My Website </TITLE>
</HEAD>
<body background =w.jpg
<BODY>
</HTML>
<TABLE border=”1? background=”bos.jpg” align=”center”>
<TR>
</TR>
<TR>
<TD align=”center” background=”bos.jpeg” colspan=”2? height=”30? width=”10000?>
<HR>
<P><a href=”index.html”>Back To Home«</a> | <a href=”tugas1.html”>My Facebook«</a> | <a href=”tugas.html”>My Twitter«</a></P>
<HR
</TR>
<TR>
<TD align=”left” background=”green.jpg” colspan=”2? height=”160? width=”800?>
<HTML>
<HEAD>
<TITLE>My Biodata (Bosmer Tamba)</TITLE></HEAD>
<body bgcolor = w.jpg> ><FONT FACE = ARIAL COLOR = green SIZE = 3> <B> <U>
<A HREF = bos.jpg><P ALIGN = CENTER ><IMG SRC = bos.jpg width=”100? height=”200?></A HREF>
<PRE>
<P ALIGN = ALIGN TEXT LEFT>
NAMA = Bosmer Tamba
Tempat/Tanggal Lahir : P.Siantar 02 Maret 1996
Alamat = Jalan. Sm. Raja
Hobi : Membaca Komik, Bermain Bola,Badminton, Catur dsb
No Hp : 081265996771
Makanan Favorit : Bakso, Miso, Pangsit, masih banak lagi lah
Minuman Favorit : Sprite, Fanta, Jus Jeruk etc
Club yang di Gemari : Man.United, Barcelona, R.Madrid, AC.Mil, PSMS :D
Atlet Sepakbola Yang di Gemari : C.Ronaldo, Messi, Ibrahimovic, Robinho, VanDerSar, G.Buffon, dll
Cita-Cita : Masih dipikirkan :D
</PRE>
<HTML>
<HEAD>
</HEAD>
<BODY>
<font color = white face = verdana size = +1 align = center>
<HR>
<P><a href=”index.html”>Home</a> | <a href=”tugas1.html”>Halaman 2</a> | <a href=”tugas.html”>Halaman 3</a></P>
<HR>
<P ALIGN = CENTER>
<FONT face=”impact” color=”black”>All Right Reserved © 2012 by Bosmer Tamba</FONT></TD>
</TR>
<html>
<head>
<TD align=”center” background=”ic” colspan=”10? height=”20? width=”80?>
<html>
<head>
<title>Jam Digital</title>
<script type=”text/javascript”>
// 1 detik = 1000
window.setTimeout(“waktu()”,1000);
function waktu() {
var tanggal = new Date();
setTimeout(“waktu()”,1000);
document.getElementById(“output”).innerHTML = tanggal.getHours()+”:”+tanggal.getMinutes()+”:”+tanggal.getSeconds();
}
</script>
</head>
<body background=”bosmer.jpg” text=”blue” onload=”waktu()”>
<table align=center style=”border:1px solid black” bgcolor=”#CCCCCC”><tr><td>
<div id=”output”>
</div></td></tr>
</table>
</body>
</html>
</TR>
</TABLE>
</BODY>
</HTML>
Langkah 4: Trus ganti aja tulisan atau background nya ntah apa lah itu sesuka hati sobat..
Langkah 5 : Simpa file dengan diakhiri ".html" (tanpa tanda petik) ex : bosmer.html
Langkah 6: Selesaii
Tidak ada komentar:
Posting Komentar