TAHAPAN PEMBUATAN HALAMAN WEB AUTO BIOGRAFI SEDERHANA DENGAN BAHASA PEMROGRAMAN HTML

         Pada kesempatan kali ini saya akan membahas mengenai pembuatan halaman web menggunakan bahasa HTML. HTML adalah singkatan dari Hyper Text Markup Language yang merupakan bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link antara file - file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet. Berikut ini merupakan langkah - langkah contoh pembuatan halaman web sederhana yang berisi auto biografi.

1.   Dalam pengkodean halaman web dengan bahasa HTML dapat menggunakan Notepad++ atau dapat menggunakan Adobe Dreamweaver CS6. Namun kali ini saya akan menggunakan Adobe Dreamweaver CS6. Bukalah aplikasi Adobe Dreamweaver CS6nya hingga tampil halaman seperti ini :



2.   Untuk membuat halaman menggunakan bahasa HTML maka pilih create New HTML, lalu akan muncul halaman untuk penulisan kode program seperti ini :



3.     Dan akan muncul halaman untuk mendesain program seperti ini :



4.     Lalu kita tuliskan kode program auto biografinya seperti ini :



  •  HTML : Berfungsi untuk menandai awal dan akhir dokumen HTML con
                          <html> dokumen </html>


  •    Head    : Berfungsi untuk menandai bagian header dokumen HTML
                           <head> header </head>


  •   Title     : Berfungsi untuk memberi judul pada dokumen HTML
                            <title> judul dokumen </title>


  •  Body    : Berfungsi untuk menandai awal dan akhir isi dokumen
                          <body> isi dokumen </body>


5.     Maka tampilan desain user interfacenya akan seperti ini :


Setelah selesai membuat program, kita save dan menyimpannya dengan nama “autobiografi.html”


6.  Selanjutnya kita uji coba program dengan membukanya di browser dengan cara klik F12 pada keyboard, maka akan muncul seperti ini:


#Referensi :

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar