hari ini saya ingin sedikit membahas tentang html (hyper text markup language), langsung aja html ini adalah bahasa yang di gunakan untuk menampilkan document web. contoh script bisa di lihat di bawah:
- Html 1 - Formulir Pendaftaran
<html>
<head><title>Pendaftaran online</title>
</head>
<h1><center>Formulir Pendaftaran Online Mahasiswa Baru</center></h1>
</ol>
<h2>Isilah indentitas Lengkap anda di bawah ini</h2>
<ol>
<p><label font="Nama">Nama:</label> <input type="text"name="Nama" maxlength="100"size="45" /></p>
<p><label font="kelas">Jenis Kelamin : </label><select name="kelas">
<option>Laki-laki</option>
<option>Perempuan</option>
</select>
</p>
<p><label font="tanggal">Tanggal Lahir_________</label>
<label font="tgl">tanggal : </label><select name="tgl">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>32</option>
</select>
<label font="bln">bulan : </label><select name="bln">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>12</option>
</select>
<label font="thn">tahun : </label><select name="thn">
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
</select>
</p>
<p><label font="Asal">Asal Sekolah : </label> <input type="text" name="NIM" maxlength="8"size="10" /></p>
<p><label font="alasa">Alasan Anda Masuk UAD :</p><textarea name="comments" rows="5" cols="40"></textarea></p>
<p><label font="pengalaman">Tuliskan Pengalaman Organisasi Anda : </p><textarea name="comments" rows="5" cols="40"></textarea>
<p><input type="submit" name="btnEnroll" value="Kirim
Untuk Mendaftar" /></p>
</html>
- GAMBAR HTML 1
2. HTML 2 – Link
<html>
<head><title>contoh link</title>
</head>
<body>
<h1>Berita Olah Raga</h1>
<p>
<a href="index.html" title="Link to the home page
- opens in the same window">Branda</a><br />
<a href="Volly ball.html" title="Link to vollyball.html
- opens in the same window">volly ball</a><br />
<a href="Sepak Bola.html" title="Link to Sepak Bola.html
- opens in the same window">Sepak Bola</a><br />
<a href="Basket Ball.html" title="Link to Basket Ball.html
- opens in the same window">Basket Ball</a><br />
<a href="Batminton.html" title="Link to Batminton.html
- opens in the same window">Batminton</a>
<br />
</p>
</body>
</html>
- Gambar HTML 2
- 3. HTML 3 – Table
<html>
<head>
<title>Jadwal Kuliah</title>
</head>
<h1><center>Jadwal Kuliah</center></h1>
</ol>
<center><table border="1">
<tr>
<th>Jam</th>
<th>Senin</th>
<th>Selasa</th>
<th>Rabu</th>
<th>Kamis</th>
<th>Jum'at</th>
<th>Sabtu</th>
<th>Minggu</th>
</tr>
<tr>
<td>7:30 - 9:00</td>
<td>BasisData.T</td>
<td >Kosong </td> </b> </font face="Timer New Roman" size="4" color="blue"> </td>
<td>Alpro</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> Kosong </b> </td> </font face="Timer New Roman" size="4" color="blue"> </td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> Kosong </b> </td> </font face="Timer New Roman" size="4" color="blue"> </td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> Kosong </b> </td> </font face="Timer New Roman" size="4" color="blue"> </td>
<td> <font face="Timer New Roman" size="4" color="red"> <b> Libur </b> </td> </font face="Timer New Roman" size="4" color="red"> </td>
</tr>
<tr>
<td>9:00 - 10:30</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> <u> Kosong </b> </i> </u> </td> </font face="Timer New Roman" size="4" color="brown"> </td>
<td>PWeb</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> <u> Kosong </b> </i> </u> </td> </font face="Timer New Roman" size="4" color="brown"> </td>
<td>Sertifikasi</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> <u> Kosong </b> </i> </u> </td> </font face="Timer New Roman" size="4" color="brown"> </td>
<td>PTI</td>
<td> <font face="Timer New Roman" size="4" color="red"> <b> Libur </b> </td> </font face="Timer New Roman" size="4" color="red"> </td>
</tr>
<tr>
<td>10:30 - 12:00</td>
<td>P.Web</td>
<td>Kalkulus</td>
<td>Matdis</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> Kosong </b> </td> </font face="Timer New Roman" size="4" color="green"> </td>
<td>SistemDigital</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> Kosong </b> </td> </font face="Timer New Roman" size="4" color="green"> </td>
<td> <font face="Timer New Roman" size="4" color="red"> <b> Libur </b> </td> </font face="Timer New Roman" size="4" color="red"> </td>
</tr>
<tr>
<td>12:00 - 1:30</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> Kosong </b> <i> </td> </font face="Timer New Roman" size="4" color="violet"> </td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> Kosong </b> <i> </td> </font face="Timer New Roman" size="4" color="violet"> </td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> Kosong </b> <i> </td> </font face="Timer New Roman" size="4" color="violet"> </td>
<td>Agama</td>
<td>Bhs. Ingris</td>
<td> <font face="Timer New Roman" size="4" color="blue"> <b> <i> Kosong </b> <i> </td> </font face="Timer New Roman" size="4" color="red"> </td>
<td> <font face="Timer New Roman" size="4" color="red"> <b> Libur </b> </td> </font face="Timer New Roman" size="4" color="red"> </td>
</table>
</center>
- Gambar HTML 3 – table





