Mari kita membuat halaman web menggunakan HTML, kemudian melihatnya dalam browser web Anda.
OK, mari kita langsung ke dalamnya. Di sini, Anda akan belajar betapa mudahnya untuk membuat sebuah halaman web. Bahkan, pada saat Anda selesai dengan ini halaman web, Anda akan menciptakan sendiri halaman web!
Bila Anda membuat halaman web Anda biasanya akan melakukan sesuatu seperti ini:
Buat file HTML
Ketik beberapa kode HTML
Lihat hasil di browser Anda
Ulangi 2 langkah terakhir (jika perlu)
Buat Webpage sebuah
OK, mari kita berjalan melalui langkah-langkah di atas secara lebih rinci.
Buat file HTML
Sebuah file HTML hanyalah sebuah file teks yang disimpan dengan html atau htm ekstensi (yaitu sebagai lawan ekstensi .txt).
Buka editor HTML Anda (seperti Brackets atau SeaMonkey ). Anda bisa menggunakan yang normal editor teks biasa komputer Anda jika Anda lebih suka (ini mungkin akan Notepad jika Anda menggunakan Windows atau TextEdit jika Anda menggunakan Mac).
Membuat file baru (jika tidak sudah dibuat)
Menyimpan file sebagai html_tutorial_example.html
Ketik beberapa kode HTML
Ketik kode berikut:
<!DOCTYPE html> <html> <head> <title>HTML Tutorial Example</title> </head> <body> <h1>My First Website</h1> <p>Less than 5 minutes into this HTML tutorial and I've already created my first homepage!</p> </body> </html>
Arahkan ke file Anda kemudian klik dua kali di atasnya
--ATAU--
Buka web browser komputer Anda (misalnya, Internet Explorer, Firefox, Netscape dll).
Pilih File > Open, lalu klik Browse. Sebuah kotak dialog akan muncul meminta Anda untuk menavigasi ke file. Arahkan ke file, lalu pilih Open.
Ulangi 2 langkah terakhir sampai Anda puas dengan hasilnya
Ini tidak realistis untuk mengharapkan bahwa Anda akan selalu mendapatkan yang benar pertama kali sekitar. Jangan khawatir - itu OK! Hanya mencoba lagi dan lagi - sampai Anda bisa melakukannya dengan benar.
Bagian yang menyenangkan dari membuat halaman web adalah bereksperimen dengan unsur-unsur yang berbeda, gaya, pendekatan, dll, dan kemudian memeriksa hasilnya.
EmoticonEmoticon