Thursday, December 26, 2013

belajar desain html dasar menggunakan notepad


mungkin dari sebagian orang belajar mendesain html terdengar sulit , tapi akan terdengar mudah jika mau bersungguh-sungguh
susunan html yaitu seperti gambar dibawah ini



pertama yaitu membuka notepad

lalu membuat element pembuka html yaitu




lalu dilanjutkan dengan menambah element head


dilanjutkan dengan menambah element title untuk judul halaman

</p> <p> lalu isikan judul yang akan diberikan ,</p> <p> dan ditutup dengan element title yaitu
dimana setiap element penutup diberi tanda </>
dan element pembuka diberi tanda <>
lalu tutup element dengan memberi element penutup head yaitu


lalu langkah selanjutnya adalah memberi element body , di element ini kamu bisa memberi background warna , suara , atau pun gambar



untuk background standar yaitu putih gunakan element

untuk background warna bisa menggunakan element


untuk background gambar bisa menggunakan element ini


dan untuk background suara bisa menggunakan element ini


tag ini digunakan setelah tag / element atau sejenisnya
lalu langkah selanjutnya yaitu membuat heading , heading ada 6 jenis atau ukuran

yaitu

...


...


...


...


...

...

untuk element ini biasanya digunakan untuk memberi judul pada halaman
contoh element heading 1

hai ! selamat datang di halaman baru saya


setelah selesai memberi heading sekarang memberi penjelasan atau beberapa text atau paragraf  yaitu dengan menggunakan element dan ditutup dengan element
contoh:
hai selamat datang di halaman baru saya , disini masih kosong dan tidak ada apa apa
 untuk element paragraf ini bisa ditambah kan posisi text , dengan format
justify = untuk rata kanan kiri
right =untuk rata kanan
left= untuk rata kiri
center= untuk rata tengah
dan cara penulisan untuk paragraf rata kanan kiri
text anda

dan untuk perataan text lainnya sama
untuk bagian element paragraf ini anda bisa menambah gaya font dengan cara membri element setelah element dan ditutup dahulu oleh element baru ditutup oleh element
contoh
TEXT ANDA

setelah selesai baru ditutup dengan element
lalu terakhir ditutup oleh element

lalu save as

pilih save as type  gunakan all files lalu beri namadilanjutkan dengan extensi .html



contoh save pada desktop agar mudah
latihan.html


lalu buka di browser pada komputer kamu

untuk contohnya skripnya



selamat datang di halaman baru saya


hai ! selamat datang di halaman baru saya


hai selamat datang di halaman baru saya , disini masih kosong dan tidak ada apa apa
text anda

TEXT ANDA






jika ada yang bingung bisa ditanyakan di komentar atau lewat email
Categories: ,

0 comments:

Post a Comment