Mengenal Sintaks Dasar HTML

on 20 Agustus 2009

Disini saya akan mengajak anda mengenal sintaks-sintaks dasar html. Namun terlebih dahulu buatlah sebuah folder untuk penempatan file-file latihan yang akan kita buat.
Mari kita mulai.....
Buatlah direktori bernama webku di drive C: pada komputer Anda. Nah, kali ini kita akan latihan menenal sintaks <html>, <head>, <title> , dan <body>.

1. Langkah Pertama
Jalankan Text Editor kesayangan Anda, misal: Notepad, Dreamweaver dan lain-lain. Namun kali ini mari kita gunakan notepad.


2. Langkah Kedua
Ketik text di bawah ini:

<html>

<head>

<title> Latihan Web Pertamaku </title>

</head>

<body>Hello ?

Ini Web pertamaku lho....!


</body>

</html>



3. Langkah Ketiga
Klik menu file->Save As pada menubar Notepad


4. Langkah Keempat
Pada bagian save in pilih folder webku yang telah anda buat, lalu isi kotak file name dengan nama "latihan1.html"(tulis beserta tanda kutipnya agar tersimpan sebagai file html) lalu klik save.


5. Langkah Kelima
Klik tombol start->Run lalu pada kotak Open ketik C://webku lalu klik tombol OK.


6. Langkah Keenam
Maka akan muncul windows explorer seperti gambar dibawah ini:


7. Langkah ketujuh
klik dua kali (doubleclick) file latihan.html

8. Langkah kedelapan
Anda telah berhasil membuat web pertama Anda, kurang lebih inilah hasilnya:

Selamat.....!

0 komentar:

Posting Komentar