Saturday, August 28, 2010

CARA MEMBUAT HALAMAN WEB SEDERHANA

§ Dasar teori
   HTML (Hypertext Markup Language) adalah sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup merupakan bahasa yang mengkombinasikan antara teks dan informasi tambahan mengenai teks tersebut. HTML merupakan suatu dokumen standart yang biasanya digunakan untuk mendesain halaman web.
   Setiap dokumen HTML harus diawali dengan tag dan diakhiri dengan komplemennya, yakni tag < /html> tag. Dokumen HTML juga harus menyertakan tiga pasang tag, yang terdiri dari :
a) Tag dan < /head>
    Tag ini digunakan untuk menyatakan informasi mengenai dokumen HTML.
b) Tag dan < /title>
    Tag ini digunakan untuk menambahkan title di title bar browser.
c) Tag dan < /body>
    Tag ini digunakan untuk melingkupi semua teks yang terdapat dihalaman HTML.
§ Contoh
   Berikut ini adalah contoh cara membuat halaman web sederhana yang melibatkan elemen teks, garis, warna, dan gambar. Dimana terdapat minimal sebuah heading dan garis berwarna, gambar dan garis tepi (border), dan latar belakang gambar sembarang. Yang harus dilakukan antara lain :
A. Persiapkan kebutuhan
     Kebutuhan minimal yang harus tersedia pada halaman web sederhana menggunakan HTML adalah :
1. WampServer
    Pemilihan WarmServer dalam HTML disarankan yang praktis, sehingga tinggal memfokuskan pada   pemograman. Contohnya : Paket web server Apace, PHP, dan MySQL.
2. Web Browser
    Disarankan menggunakan browser utama Mozilla Firefox. Tetapi bida menggunakan browser lain sebagai pembanding.
3. Editor teks
    Editor teks digunakan untuk menuliskan kode - kode HTML pembentuk halaman pada aplikasi web. Contohnya : Notepad atau Notepad ++.
4. HTML validator
    HTML validator ini digunakan untuk menghasilkan dokumen HTML yang valid, misalnya berupa add-on pada browser Firefox.
B. Membuat dokumen HTML
     Langkah - langkah pembuatan dokumen HTML :
1. Buka teks editor
2. Ketikkan teks (kode - kode HTML) berikut pada teks editor seperti dibawah ini :


     <body>
            
<font color = "red"> Halam web sederhana  
<hr color="green"/>   
<p>
Anggrek merupakan tanaman bunga hias berupa benalu yang bunganya indah.
Anggrek sudah dikenal sejak 200 tahun lalu dan sejak 50 tahun terakhir mulai
dibudidayakan secara luas di Malang dan seluruh Indonesia.
<br />
<p>
Sentra tanaman anggrek di Eropa adalah Inggris, sedangkan di Asia adalah Muangthai. Di Indonesia, anggrek banyak terdapat di Jawa Barat, Jawa Tengah,
Jawa Timur, Sumatra ataupun di Irian Jaya.
<br />
<p>
Jenis anggrek yang terdapat di Indonesia termasuk jenis yang indah antara lain:
             1. Vanda tricolour terdapat di Jawa Barat dan di Kaliurang,
             2. Vanda hookeriana, berwarna ungu berbintik-bintik berasal dari Sumatera,
             3. Anggrek larat/Dendrobium phalaenopsis,
             4. Anggrek bulan/Phalaenopsis amabilis,
             5. Anggrek Apple Blossom,
             6. Anggrek Paphiopedilum praestans yang berasal dari Irian Jaya,
7.  Anggrek Paphiopedilum glaucophyllum yang berasal dari Jawa Tengah.
            
<hr color="green"/>
<hr color="red" width="500px"/>
<!-- menggunakan part absolut -->
<img src="Vanda insignis 2.jpg" border=”2”>
            
<!-- memberi warna goodbyesky_1900 di body -->
<body <body background="3Danimal_2014.jpg">
<hr />

</body>


3. lihat hasil pada localhost warmserver.