Minggu, 29 Oktober 2017

Tugas Pemograman Web 4



Assalamualaikum wr.wb

Ini adalah tugas pemograman web yang keempat yaitu membuat soal UTS pilihan ganda menggunakan radio buttom. Gambar diatas adalah hasil dari koding yang di tulis dibawah ini menggunakan sublime text ataupun notepad.


<!DOCTYPE html>
<html>
<head>
<body bgcolor="#808000">
<title>tugas4</title>
</head>
<body>
<form action="tugas4.html" method="get">
<h1 style="text-align: center;"> STT PELITA BANGSA </h1>
<h2 style="text-align: center;"> UTS SEMESTER GANJIL 2017/2018 </h2>
<tr> <table>
<td width="50"> NIM:
<td><input type="text" name="NIM"></td></td><br>
</tr>
<tr>
<td width="50"> Nama:
<td><input type="text" name="Nama"></td></td><br>
</tr>
<tr>
<td width="50"> Jurusan:
<select name="selectionfield"> 
<option value="Jurusan"> TEKNIK INFORMATIKA </option>
<option value="Jurusan"> TEKNIK LINGKUNGAN </option>
<option value="Jurusan"> MANAJEMEN </option>
<option value="Jurusan"> AKUTANSI </option>
</select>
</td><br></tr>
<tr>
<td width="50"> Kelas:
<td><input type="text" name="Kelas"></td></td><br>
</tr> </table>
<tr>
<td> Soal:</td><br>

<td><label for ="">1. Kepanjangan dari HTML adalah....... </label></td><br>
<form method="post" action="#"><table><br>
<input type="radio" name="1. Kepanjangan dari HTML adalah......." value="Hyper Text Manual Language"/> Hyper Text Manual Language <br>
<input type="radio" name="1. Kepanjangan dari HTML adalah......." value="Hypno Terminal Maximal List"/> Hypno Terminal Maximal Liste <br>
<input type="radio" name="1. Kepanjangan dari HTML adalah......." value="Hyper text Mark-up Language"/> Hyper text Mark-up Language <br>
<input type="radio" name="1. Kepanjangan dari HTML adalah......." value="Horizon Terminal Mark-up List"/> Horizon Terminal Mark-up List <br>

<td><label for ="">2. Pada HTML untuk mengganti baris menggunakan perintah.......</label></td><br>
<form method="post" action="#"><table><br>
<input type="radio" name="2. Pada HTML untuk mengganti baris menggunakan perintah......." value="tr"/> tr <br>
<input type="radio" name="2. Pada HTML untuk mengganti baris menggunakan perintah......." value="/ul"/> /ul <br>
<input type="radio" name="2. Pada HTML untuk mengganti baris menggunakan perintah......." value="br"/> br <br>
<input type="radio" name="2. Pada HTML untuk mengganti baris menggunakan perintah......." value="enter"/> enter <br>

<td><label for ="">3. Atribute ACTION digunakan untuk.......</label></td><br>
<form method="post" action="#"><table><br>
<input type="radio" name="3. Atribute ACTION digunakan untuk......." value="tr"/> Menentukan nama form <br>
<input type="radio" name="3. Atribute ACTION digunakan untuk......." value="/ul"/>  Menetukan metode pengiriman yang dipakao <br>
<input type="radio" name="3. Atribute ACTION digunakan untuk......." value="br"/>Menentukan alamat halaman web yang akan memproses masukan dariForm <br>
<input type="radio" name="3. Atribute ACTION digunakan untuk......." value="enter"/>  Menerima masukan berupa pilihan <br>

<td><label for ="">4. Perintah untuk membuat teks berjalan adalah….......</label></td><br>
<form method="post" action="#"><table><br>
<input type="radio" name="4. Perintah untuk membuat teks berjalan adalah…......" value="tr"/> marquee <br>
<input type="radio" name="4. Perintah untuk membuat teks berjalan adalah…......" value="/ul"/> bg color <br>
<input type="radio" name="4. Perintah untuk membuat teks berjalan adalah…......" value="br"/> br <br>
<input type="radio" name="4. Perintah untuk membuat teks berjalan adalah…......" value="enter"/> map <br>

<td><label for ="">5. Dalam pembuatan HTML software yang biasa digunakan adalah.......</label></td><br>
<form method="post" action="#"><table><br>
<input type="radio" name="5. Dalam pembuatan HTML software yang biasa digunakan adalah......." value="tr"/> Microsoft word <br>
<input type="radio" name="5. Dalam pembuatan HTML software yang biasa digunakan adalah......." value="/ul"/> notpad <br>
<input type="radio" name="5. Dalam pembuatan HTML software yang biasa digunakan adalah......." value="br"/> photoshop <br>
<input type="radio" name="5. Dalam pembuatan HTML software yang biasa digunakan adalah......." value="enter"/> macromedia flash <br>

</tr>
</tr>
<br> <br>
<tr><input type="submit" name="simpan" value="simpan"></tr>
<input type="reset" name="simpan" value="reset"> 
</form>
</body>

</html>

Tugas Pemograman Web 3


Assalamualaikum wr.wb

Ini adalah tugas pemograman web yang ketiga yaitu membuat form biodata dengan menggunakan checkbox dan radio buttom. Gambar diatas adalah hasil dari koding yang di tulis dibawah ini menggunakan sublime text ataupun notepad.

<!DOCTYPE html>
<html>
<head>
<body bgcolor="#FFC0CB">
<title>tugas3</title>
</head>
<body>
<form action="tugas3.html" method="get">
<h1 style="text-align: center;"> FORM </h1>
<h2 style="text-align: center;"> BIODATA  </h2>
<table>
<tr>
<td width="50"> NIM:
<td><input type="text" name="NIM"></td></td><br>
</tr>
<tr>
<td width="50"> Nama:
<td><input type="text" name="Nama"></td></td><br>
</tr>
<tr>
<td width="20"> Jurusan: <table>
<select name="selectionfield"> 
<option value="Jurusan"> TEKNIK INFORMATIKA </option>
<option value="Jurusan"> TEKNIK LINGKUNGAN </option>
<option value="Jurusan"> MANAJEMEN </option>
<option value="Jurusan"> AKUTANSI </option>
</select> </table>
<tr>
<td width="50"> alamat :
<td><input type=text name ="alamat"></td>
</td> </tr>
<tr>
<td width="50"> telp :
<td><input type=text name="telp"></td>
</td> </tr>
</table>
<table>
</td><br></tr>
 <tr>pilih hobby </tr> <br>
<tr>
<input type="checkbox" name="membaca buku"/> membaca buku </tr> <br>

<tr> <input type="checkbox" name="memancing"/> Dansa </tr><br>

<tr> <input type="checkbox" name="football"/> Memanah </tr><br>

<input type="checkbox" name="berenang"/> berenang <br><br>
</tr> </table>

<tr> 
<td><label for ="">jenis kelamin </label></td>
 <form method="post" action="#"><table><br>
  <input type="radio" name="jenis_kelamin" value="laki-laki" /> laki-laki <br>
  <input type="radio" name="jenis_kelamin" value ="perempuan"/> perempuan <br>
</table>
</table>
 <input type="submit" name="simpan" value="simpan"> 

</body>

</html>

Waalaikumsalam wr.wb

Sabtu, 28 Oktober 2017

Tugas Pemograman Web 2


Assalamualaikum wr.wb

Ini adalah tugas pemograman web yang kedua yaitu membuat tampilan tuas akhir semester dengan menggunakan [href] untuk tulisan berhuruf biru yang berfungsi untuk link ke web yang di inginkan. Gambar diatas adalah hasil dari koding yang di tulis dibawah ini menggunakan sublime text ataupun notepad.

<!DOCTYPE html>
<html>
<head>
<body bgcolor="#00FFFF">
<body bgcolor="rgb(250,250,0">
<body bgcolor="red">
<title>tugas akhir semester 2017/2018</title>
</head>
<body>
</style>
<h1><b><center>Tugas akhir Semester 2017/2018</center></b></h1>
<br>
<h2><b><center>Pengembangan Teknik Informasi STT Pelita Bangsa</center><b></h2>
<br>
<li>Pendahuluan</li>
<br>
<td><a href="#">1. Latar Belakang</td>
<br>
<td>2. Identifikasi Masalah</td>
<br>
<td>3. Rumusan Masalah</td>
<br>
<td>4. Batasan Masalah</td>
<br>
<td>5. Batasan Masalah</a></td>
<br>

<br>
<li>Daftar Pustaka</li>
<br>
<td><a href="#">1. Definisi Informasi</td>
<br>
<td>2. TI akademik STT Pelita Bangsa</a></td>
</body>

</html>

Wasalamualaikum wr.wb

Tugas Pemograman Web 1





Assalamualaikum wr.wb

Ini adalah tugas pemograman web yang pertama yaitu membuat biodata. Gambar diatas adalah hasil dari koding yang ddi tulis dibawah ini menggunakan sublime text ataupun notepad.


<!DOCTYPE html>
<html>
<head>
<body bgcolor="#FF007F">
<body bgcolor="rgb(250,250,0">
<body bgcolor="red">
<title>Biodata Pribadi</title>
</head>
<body>
</style>
<h1><b><center>Biodata Pribadi</center></b></h1>
<br>
<h2><b><center></center><b></h2>
<br>

<td><center>NAMA : AIDA RATNASARI</center></td>
<br>
<td><center>NIM : 311410032</center></td>
<br>
<td><center>KELAS : TI.14.B.3 </center></td>
<br>
<td><center>SEKOLAH : STT PELITA BANGSA</center></td>
<br>
<td><center>ALAMAT : CIKARANG</center></td>
<br>

</html>



Waalaikumsalam wr.wb

Tidak Mudah

Hi, Guys.. Tau kan galaunya mahasiswa tingkat akhir, yang sedang menyeleseikan skripsinya? Nih aku kasih tau yah. Sama Cara mengatasinya. ...