Cara Membuat Web sederhana dengan HTML dan Notepad

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 :

: 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.

situs cool

welcome

nama	zodiak
mini	gemini

klik disini

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.

…
…