1. Instal wampserver, lalu masuk ke browser anda ketik localhost
2. Klik Start > All Program > Accessories > Notepad untuk membuka program Notepad.
3. Tampilan program Notepad seperti gambar di bawah ini. Di Notepad ini nanti kita akan mengetik tag HTML untuk membuat sebuah halaman web.
4. Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web. Bagian kepala dan bagian badan ini nantinya akan membentuk sebuah kesatuan halaman website yang akan kita buat. Tuliskan tag tag berikut dalam Notepad untuk membuat bagian kepala dan badan web.
5. Fungsi-fungsi dalam membuat web:
· <table border="jumlah colom"> : untuk menambah tabel
· <title>judul web</title> : untuk membuat judul web anda
· untuk menambah kan textbox:
username : <input type="text" name="user" value="">
password : <input type="Password" name="pasrot" value="">
· untuk menambah tombol:
<input type="button" name="tombol" value="OK">
· Untuk menganti warna background: <body bgcolor =pink>
· <div> Tag mendefinisikan sebuah divisi atau bagian dalam dokumen HTML.
Tag <div> digunakan untuk kelompok blok-elemen untuk format mereka dengan gaya.
Tag <div> digunakan untuk kelompok blok-elemen untuk format mereka dengan gaya.
nieh... contoh scriptnya:
<html>
<head>
<title>judul web</title>
</head>
<body>
ini web pertama eka<br />
<b>Masih belajar...</b><br/>
username : <input type="text" name="user" value="">
password : <input type="Password" name="pasrot" value="">
<input type="button" name="tombol" value="OK">
<h1align="center">Hello Word</ h1>
<h2>Hello Word</ h2>
<h3>Hello Word</ h3>
<table border="2">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
</tr>
<tr>
<td>9</td>
<td>eka</td>
<td>sutomo</td>
<tr>
<td>10</td>
<td>icha</td>
<td>sutomo</td>
<body bgcolor =pink>
</body>
6. </html>Kalau sudah anda ketik klik File > Save / Save As , dan simpan dengan nama file index.html ; lalu buka file yang ada buka dengan browser yang ada punya
Tidak ada komentar:
Posting Komentar