Tugas Praktik Pemrograman WEB (membuat HTML) ~ Motor Motif

Oke gan kali ini saya mau share tentang tugas pemrograman web dari dosen saya Bapak mukhlis terimakasih kepada beliau dengan diberikannya tugas kepada saya,saya jadi tau apa itu HTML sintak HTML dll yang berhubungan denga HTML ,yah walaupun yang saya tau baru dasarnya tapi saya jadi tau,nah gak usah banyak kicauan deh ya langsung aja liat di bawh ini tutorial tugas dari bapak mukhlis semoga aja bermanfaat dan selamat mencoba :

Membuat html

Dalam pembuatan halaman WEB ini saya menggunakan XAMPP,jadi langkah pertama untuk memulainya adalah menginstal XAMPP terlbeih dahulu (bagi yang sudah ada tidak usah instal lagi).lalu jalankan aplikasi XAMPP.

Langkah selanjutnya adalah membuat halaman utama,buka aplikasi notepad dan Ketikan sintak berikut :

<html>

<head>

<title>Halaman Utama</title>

</head>

<font size=7 color="black"><center><B>Welcome<br>On mY WEB<br><A HREF="latif.html"><blink>klik</blink></A>

</body>

</html>

Lalu simpan dengan dengan format nama 103040110.html (letak penyimpanan di C:/XAMPP/htdocs) lalu pada address mozilafirefox ketikan Localhost/1003040110.html tekan enter.hasilnya kurang lebih seperti ini:

Langkah kedua adalah membuat Halaman judul berjalan,buka lagi aplikasi notepad dan ketikan sintak berikut:

<html>

<font size=6 color="white"><center>Welcome<br>

<B>Tugas Praktikum Pemrograman WEB</B>

</mrquee></center></font></body></html>

Lalu simpan dengan nama fili judul.html letak penyimpanan sama seperti halaman utama.

Lalu jalankan dengan mengetik Localhost/judul.html di address mozilafirefok lalu tekan enter.

Kurang lebih hasilnya seperti ini :

Langkah selanjutnya kita membuat form unutk biodata dengan cara yang sama seperti sebelumnya ketikan sintak berikut pada halaman baru di note pad :

<html>

<BLINK>WEB ini digunakan sebagai tugas pemrograman web praktikum,</BLINK><br>

jadi masih banyak kesalahan dan kekurangan harap maklum,

Thank's...

</p></font><center>

<CAPTION><font size=5 color="white"> Biodata Mahasiswa <br> </CAPTION>

<br>

<tr>

<th align="left"> Latif S.A </th>

</tr>

<tr>

</tr>

<tr>

<th bgcolor="white">Kelas</th>

</tr>

<tr>

<th bgcolor="white">Jurusan</th>

<th align="left">Teknik Informatika</th>

</tr>

<tr>

<th bgcolor="white">Semester</th>

</tr>

<tr>

<th bgcolor="white">Alamat</th>

<th align="left"> Banjarnegara </th>

</tr>

<body>

</html>

Lalu simpan dengan nama biodata.html letak penyimpanan sama.lalu pada address mozilafirefox ketikan juga localhost/biodata.html lalu enter dan kurang lebihnya seperti ini hasilnya :

Senlanjutnya kita membuat form iklan,untuk sintaknya ketikan :

<html>

<head>

</head>

<p> <b> <font style="font-size:150%;"> <marquee>,,,MotorMotif,,,</marquee></b>

<marquee direction="right"><font size=7 color="red">....lativvital.blogspot.com....</marquee></font><br>

<pre><font size="3"> Blog kami membahas tentang motor modifikasi dan motor - motor keluaran baru,

bagi kalian yang suka modifikasi mungkin blog kami bisa jadi salah satu inspirasi kalian,

dan juga tak ketinggalan beberapa yang berhubungan dengan dunia IT juga ada..<br>oke langsung aja kunjungi <b><i><u>lativvital.blogspot.com</b></i></u> blog kami dari pada saya kebanyaken cincong heheheh

</font><br>

<tr><td valign='top'>Komentar</td><td><textarea name='komentar' rows='10' cols='45'></textarea></td></tr>

</table>

</form>

</br>

</body>

</html>

Lalu simpan dengan nama dan format formiklan.html. lalu pada address mozila ketikan lagi localhost/formiklan.html lalu enter dan hasilnya kurang lebih sebagai berikut :

Langkah selanjutnya adalah menggabungkan halaman / form judul,biodata,dana formiklan menjadi satu halaman dengan menggunakan <FRAMESET> ketikan sintak berikut di halam baru notepad :

<HTML>

<HEAD>

<TITLE>Identitas</TITLE>

</HEAD>

</FRAMESET>

</HTML>

Lalu simpan dengan format dan nama latif.html lalu pada address mozila ketikan localhost/latif.html lalu enter dan hasilnya kurang lebih seperti ini :