Cara Membuat Web sederhana dengan HTML dan Notepad

Tuesday, February 16, 2010

Pengenalan HTML

HTML merupakan bahasa standard yang digunakan untuk membuat website, dengan HTML kita dapat melakukan banyak hal, antara lain :

Mendesain tampilan website dengan isinya.

Membuat form interaktif untuk formulir pendaftaran,belanja online, dan lain – lain.

Menambahkan gambar, suara maupun video ke dalam tampilan website.
 

Struktur Dokumen HTML

Dokumen HTML terdiri dari 3 bagian utama :

1.      Tag HTML



Tag ini wajib ada,menyatakan kepada browser bahwa ada diantara tag ini adalah dokumen HTML.

2.      Tag HEAD



/
Tag ini menyatakan header, di dalam tag ini kita dapat membuat tag untuk menampilkan judul pada sebuah website yang ditampilkan diatas taskbar suatu browser.

3.      Tag BODY



Tag BODY berguna untuk menampilkan teks,link,gambar dan yang lainnya pada halaman website.

Bentuk contoh dokumen HTML lengkap :


judul html yang anda buat : teks,gambar,table, elemen – elemen html yang lain, dan sebagainya

berisi dokumen yang anda buat dapat berisi



: teks,gambar,table, elemen – elemen html yang lain, dan sebagainya

berisi dokumen yang anda buat dapat berisi


Elemen Dasar HTML

·         Paragraf



Untuk membuat sebuah halaman website.

belajar html

·         Huruf

tag ini menghasilkan kalimat dengan huruf arial,ukuran huruf 15,berwarna biru


( sumber : Pengantar Internet, Lepkom Gunadarma)


Langkah – langkah membuat website dengan Notepad.

1.      Buka Notepad

2.       Tuliskan koding program html nya..

3.      Save dengan namafile.html pilih all type lalu save. Ex : contoh1.html lalu di save di desktop.

Contoh :

Koding program 1.

contoh
situs cool
welcome

nama zodiak
mini gemini

mini



manis


Maka Tampilannya :


 


Ket :
-          Untuk gambar namanya harus sama dengan yang kita save di desktop nya.
Misalnya kita save gambar dengan nama mm.jpg maka qta tulis di programnya juga mm.jpg
-          Untuk membuat link kita harus buat notepad baru untuk link yang akan kita gabungkan.cara mengsave notepadnya sama dikasih namafile.html contoh test1.html dan welcome.html untuk linknya.
Test1.html di notepadnya kita tuliskan koding :
Ket :
Frameset untuk mengabungkan website yang satu dengan yang lain.disini website contoh1.html dengan website welcome.html.
Hasil tampilannya seperti :
 
Welcome.html di notepadenya kita tuliskan :

                              
npm kelas
11111 3ka
Ket : 
untuk membuat table dengan  2 baris dan 2 kolom.
untuk membuat judul filed
untuk membuat isi dari filed diatas.

3 comments:

Sistem Informasi 09 said...

mksh ilmunya..

PT.Usaha Saudara Mandiri said...

ohh gitu ,utk gambarnya itu formatnya jpg doang ya ? kalo tif / yang lain bisa ga cici ? tq ^_^ v

EghyR01 said...

Terima Kasih sobat udah mau membagi ilmunya .