Pemrograman Web

<html>
<head>
<title> Form 1 </title>
</head>
<body>
<form name="form1" method="POST" action="inputdata.php">
Nama : <input type="text" name="nama" value=""><br><br>
Kelas : <input type="text" name="kelas" value="" maxlength="2"><br><br>
No : <input type="text" name="nomor" value=""><br><br>
Hobby : <input type="text" name="hobby" value=""><br><br>
Password : <input type="password" name="uio"><br><br>
<input type="submit" name="submit"
value="Submit">&nbsp;&nbsp;&nbsp;<input type="reset"
name="reset" value="Reset">
</form>
</body>
</html>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

<html>
<head>
<title>Multimedia</title>
</head>
<body>
<table width=900 height=800
align=center bgcolor=orange>
<tr bgcolor=orange height=90>
<td colspan=2 align=center>
<font size="30"> OFFICIAL WEBSITE TKJ 3 </font>
</td>
</tr>
<tr>
<td width=250 height=650
bgcolor=yellow valign=top>
<a href="rumah.html">home</a><br />
<a href="tentang.html">about</a><br />
<a href="audio.html">musik</a><br />
<a href="video.html">video</a><br />
<a href="image.html">image</a><br />
</td>
<td width=650 height=650
bgcolor=#d4d4d4 align=center>
<img width="400" height="400" controls src="tony.jpg" />
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Jadinya :

<html>
<head>
<title>Multimedia</title>
</head>
<body>
<table width=900 height=800
align=center bgcolor=orange>
<tr bgcolor=orange height=90>
<td colspan=2 align=center>
<font size="30"> OFFICIAL WEBSITE TKJ 3 </font>
</td>
</tr>
<tr>
<td width=250 height=650
bgcolor=yellow valign=top>
<a href="rumah.html">home</a><br />
<a href="tentang.html">about</a><br />
<a href="audio.html">musik</a><br />
<a href="video.html">video</a><br />
<a href="image.html">image</a><br />
</td>
<td width=650 height=650
bgcolor=#d4d4d4 align=center>
<video width="400" height="400" controls>
<source src="tony.mp4" type="video/mp4">
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Jadinya :

<html>
<head>
<title>Multimedia</title>
</head>
<body>
<table width=900 height=800
align=center bgcolor=orange>
<tr bgcolor=orange height=90>
<td colspan=2 align=center>
<font size="30"> OFFICIAL WEBSITE TKJ 3 </font>
</td>
</tr>
<tr>
<td width=250 height=650
bgcolor=yellow valign=top>
<a href="rumah.html">home</a><br />
<a href="tentang.html">about</a><br />
<a href="audio.html">musik</a><br />
<a href="video.html">video</a><br />
<a href="image.html">image</a><br />
</td>
<td width=650 height=650
bgcolor=#d4d4d4 align=center>
<audio controls>
<source src="tony.mp3" type="audio/mp3">
</audio>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Jadinya :

<html>
<head>
<title>Multimedia</title>
</head>
<body>
<table width=900 height=800
align=center bgcolor=orange>
<tr bgcolor=orange height=90>
<td colspan=2 align=center>
<font size="30"> OFFICIAL WEBSITE TKJ 3 </font>
</td>
</tr>
<tr>
<td width=250 height=650
bgcolor=yellow valign=top>
<a href="rumah.html">rumah</a><br />
<a href="tentang.html">biodata</a><br />
<a href="audio.html">musik</a><br />
<a href="video.html">video</a><br />
<a href="image.html">image</a><br />
</td>
<td width=650 height=650
bgcolor=#d4d4d4 align=center>
<font size=+3>Nama : Hasbullah Fathoni
<br />Kelas : X TKJ 3<br />No : 13<br />Alamat : Ringin Larik,Musuk,Boyolali<br />Hobi : Sepak Bola</font>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Jadinya :