Apa itu HTML. Ya, HTML atau Hyper Text Markup Language merupakan sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
HTML memiliki struktur script yang wajib dimiliki yaitu:
<html>
<head>
<title>Judul Web</title>
</head>
<body>
HELLO WORLD !!!
</body>
</html>
Nah untuk lebih mengerti kita lihat juga yg ini nih...
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> (tulisan kamu) </i>
- Untuk Garis Bawah : <u> (tulisan kamu) </u>
- Untuk Huruf Tebal : <b> (tulisan kamu) </b>
Contoh :
<body>
<i>HELLO WORLD !!!</i><br />
<u>HELLO WORLD !!!</u><br />
<b>HELLO WORLD !!!</b><br />
</body>
3. Membuat Tabel
Untuk garisnya : <table border = "(masukkan angka)">
lalu, misalnya :
<body>
<table border = "1">
<tr>
<th>No</th>
<th>Nama</th>
<th>(dan lain-lain)</th>
</tr>
<tr>
<td>1</td>
<td>iksan</td>
<td>(dan seterunya)</td>
</tr>
</body>
NB : <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="
quot;> (seperti mengisi formulir)
untuk membuat seperti password, cukup mengganti input type nya menjadi
"password".
5. Membuat Tombol
Kodenya :
<input type="button" name="tombol" value="okey
quot;>
6. Membuat Tulisan Menjadi Besar
Digunakan kode : <h1> teks .... </h1>
(NB : perhatikan h1-nya, jika semakin naik seperti 1 2 3, maka tulisan akan
semakin mengecil)
7. Membuat Huruf Menjadi Berwarna
kode :
<body>
<font color="(warna apa aja, seperti red, yellow, green dll)">
(teks) </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. Jika ingin dibuka lewat browser, klik kanan file kalian yang tadi lalu open with dengan browser kalian.
HTML memiliki struktur script yang wajib dimiliki yaitu:
<html>
<head>
<title>Judul Web</title>
</head>
<body>
HELLO WORLD !!!
</body>
</html>
Nah untuk lebih mengerti kita lihat juga yg ini nih...
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> (tulisan kamu) </i>
- Untuk Garis Bawah : <u> (tulisan kamu) </u>
- Untuk Huruf Tebal : <b> (tulisan kamu) </b>
Contoh :
<body>
<i>HELLO WORLD !!!</i><br />
<u>HELLO WORLD !!!</u><br />
<b>HELLO WORLD !!!</b><br />
</body>
3. Membuat Tabel
Untuk garisnya : <table border = "(masukkan angka)">
lalu, misalnya :
<body>
<table border = "1">
<tr>
<th>No</th>
<th>Nama</th>
<th>(dan lain-lain)</th>
</tr>
<tr>
<td>1</td>
<td>iksan</td>
<td>(dan seterunya)</td>
</tr>
</body>
NB : <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="
quot;> (seperti mengisi formulir)
untuk membuat seperti password, cukup mengganti input type nya menjadi
"password".
5. Membuat Tombol
Kodenya :
<input type="button" name="tombol" value="okey
quot;>
6. Membuat Tulisan Menjadi Besar
Digunakan kode : <h1> teks .... </h1>
(NB : perhatikan h1-nya, jika semakin naik seperti 1 2 3, maka tulisan akan
semakin mengecil)
7. Membuat Huruf Menjadi Berwarna
kode :
<body>
<font color="(warna apa aja, seperti red, yellow, green dll)">
(teks) </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. Jika ingin dibuka lewat browser, klik kanan file kalian yang tadi lalu open with dengan browser kalian.
