Pages

Selasa, 10 Maret 2015

Membuat web Sederhana dengan notepad #1



Apa kabar sobat? Kali ini Bang Atom ingin berbagi ilmu tentang cara membuat web sederhana dengan menggunakan notepad. Yah … Notepad adalah aplikasi sederhana tapi memiliki fungsi yang banyak. Dengan notepad kita bisa membuat halaman web seperti facebook, detik.com dan lainnya, bahkan membuat virus atau program sederhana juga bisa. (luar biasa). Tapi dalam postingan kali ini kita akan focus dalam membuat halaman web sederhana. Ikuti tahapannya dengan teliti.



Tahap pertama buka notepad. Perhatikan susunan struktur halaman web
  

<html>

<head>

<title>…</title>

</head>

<body> … </body>

</html>



Catatan :
<html> //script kode awal membuat suatu halaman web
<head>  //bagian kepala sebuah halaman web
<title> //Nama halaman web
<body> //isi dari halaman web
Perintah nantinya akan di simpan di antara kode, contohnya seperti “<head> (script perintah di sini) </head>  akhir sebuah kode di tutup dengan tanda “/”.
 
Tahap selanjutnya ketikkan dalam notepad seperti berikut :

<html>
<head>
<title> Halaman pertamaku </title>
</head>
<body>
Ini adalah halaman web pertama yang dibuat menggunakan aplikasi notepad
</body>
</html>
 

 Simpan dengan memberi nama seperti contoh pertamaku.html . “.html” ini merupakan tanda sebuah halaman web penting untuk di tulis di dalam nama. Buka notepad yang telah di simpan tersebut dengan penjelajah browser (seperti Mozilla dll) tampilannya akan seperti berikut :

 








Bila ingin menambah background bisa dengan mengetikan script di dalam kode <body> Seperti berikut.

</head>
<body bgcolor=”blue”>
Ini adalah halaman web pertama yang dibuat dengan menggunakan aplikasi notepad
 

Warna yang di pilih sesuai dengan keinginan.
Kemudian simpan atau ketik di keyboard ctrl + s.
Hasilnya akan seperti ini









Gimana mudahkan ? bila ada yang belum paham silahkan berkomentar di bawah. Postingan selanjutnya akan di jelaskan mengenai format huruf seperti posisi kalimat kiri, kanan atau tengah, ukuran huruf, jenis huruf, warna huruf dan lainnya. Terus kunjungi Blog ini dan mulailah berkreasi membuat halaman webmu sendiri. Tenang saja, Bang atom akan mengantarkan Pembaca membuat halaman web yang lebih complex lagi nantinya. Terus belajar dan “mengulik” istilah asing nya agar ilmu anda semakin berkembang.
 


0 komentar:

Posting Komentar