Halaman web berpondasi/berdasar pada kode-kode HTML yang disebut tag HTML.
Tag HTML yang wajib harus dimiliki adalah sebagai berikut :
<html>
<head>
<title> ..... </title></head>
<body>
HELLO WORLD</body>
</html>
Untuk memulainya pertama-tama, kalian buka notepad kalian :
1. Membuat Garis Baru (Paragraf).
Untuk membuat garis baru, diperlukan kode seperti : <br /> atau <p>. Fungsi dari kedua kode tersebut adalah sama. Contoh :
<body>
HELLO WORLD<br />HELLO WORLD<p>
</body>
2. Membuat Huruf Tebal, Garis Bawah dan Cetak Miring.
Diperukan kode sebagai berikut :
- Untuk Cetak Miring : <i> (teks apa aja) </i>
- Untuk Garis Bawah : <u> (teks apa aja) </u>
- Untuk Huruf Tebal : <b> (teks apa aja) </b>
Contoh :
<body>
<i>HELLO WORLD</i><br /><u>HELLO WORLD</u><br />
<b>HELLO WORLD</b><br />
</body>
3. Membuat Tabel
Untuk pembuatan tabel dibutuhkan :
- Untuk garisnya : <table border = "(masukkan angka)">
lalu, misalnya :
<body>
<table border = "1">
<tr>
<th>no</th><th>nama</th>
<th>(dan seterusnya)</th>
</tr>
<tr>
<td>1</td><td>iksan</td>
<td>(dan seterunya)</td>
</tr>
</body>(catatan : <th> ... </th> untuk menambahkan kolom, dan <td> .... </td> untuk baris)
Contoh diatas nantinya yang tertampil hanya 1 baris saja, untuk lebih dari satu baris, tambah lagi dibawah </tr> adalah <tr> terus masukkan deh kode kode seperti <th> ..... </th> begitu juga seterusnya.
4. Membuat Input Type Teks dan Password
Digunakan kode, misalnya :
Name : <input type="text" name="user" value=""> (seperti mengisi formulir)
untuk membuat seperti password, cukup mengganti input type nya menjadi "password".
mudah kan!!!!
5. Membuat Tombol
Digunaka kode :
<input type="button" name="tombol" value="okey">
(catatan : berwarna orange bisa diganti sesuka anda)
6. Membuat Tulisan Menjadi Besar
Dugunakan kode : <h1> teks .... </h1>
(catatan : perhatikan h1-nya, jika semakin naik seperti 1 2 3 .... maka tulisan akan semakin mengecil)
7. Membuat Huruf Menjadi Berwarna
Digunaka kode :
<body>
<font color="(warna apa aja, seperti red, yellow, green dll)"> (teks apa aja) </font>
</body>
8. Membuat Tulisan Berjalan (Marquee)
Digunkan kode :
<body>
<marquee>
HELLO WORLD</marquee>
</body>
Untuk menyimpannya silahkan klik save lalu akan muncul kotak dialog untuk akan disimpan dimana data ini. Sebelumnya, Save as Type nya ganti dengan All file, terus untuk penamaannya ketik .html lalu save deh. Jika ingin dibuka lewat browser, klik kanan file kalian yang tadi lalu open with dengan browser kalian. Gimana? Mudahkan ,,,,, !!!!
Okey, sekian tutorial dasar pembuatan halaman html dari saya. Jangan lupa, koment nya gan XD ,,,,
Wassalam ,,,,,
test ,,,,
BalasHapus