Minggu, 22 Oktober 2017

UTSPRATIKUM_WEBPOGRAMMING_ACHMADDARMANSYAH_311511025_T.I.15.D.4


Assalamu alaikum selamat pagi sahabat. kali ini saya akan memposting tentang HOME PAGE PRIBADI di HTML dan Ini juga menjadi tugas pratikum saya. sebelumnya saya akan memperkenalkan diri dahulu.

NAMA                : ACHMAD DARMANSYAH
NIM                    : 311511025
KELAS               : T.I.15.D.4
MATA KULIAH : WEB POGRAMING
JURUSAN          : SISTEM INFORMASI
KAMPUS           : STT PELITA BANGSA
EMAIL                : achmaddarmansyah07@gmail.com




 1. Membuat Skrip Struktur Umum HTML
Pembuatan skrip struktur umum HTML memudahkan kita untuk memulai dalam membuat website, jika anda belum mengetahui apa itu struktur umum HTML. Berikut dibawah ini adalah skrip home page pribadi:

Halaman web tersebut akan terlihat seperti gambar dibawah ini:


2. Nyekrip Profil 



Halaman Profil

3. Nyekrip Artikel Info wisata

  Halaman Infowisata.




4.Nyekrip Fasilitas

Halaman fasilitas





5. Nyekrip Registrasi. 
di skrip yang terakhir saya mencoba variasi  dan semenarik mungkin dalam skripnya .kita lihat dan praktekan saja .



Hasilnya nih



ok cukup sekian dalam postingan kali. mohon maaf atas penjelasannya kurang jerang. karena kurangnya istirahat. mata udah ga kuat lagi buat nyekrip hehehe
wassalamu alaikum. 
salam sukses


Minggu, 15 Oktober 2017

membuat soal pilihan ganda di HTML

SCRIPT HTML UNTUK MEMBUAT SOAL PILIHAN GANDA

Pada postingan kali ini saya akan memberikan contoh cara membuat lembar soal pilihan ganda dengan kode HTML.


<html>
<head>
<title> PRATIKUM PEMOGRAMAN WEB </title>
</head>
<body background = "buku.jpg">
<font color = "white" face = "Elephant" size = "4">
<body>
<center><br>STT Pelita Bangsa</br>
<br>UTS Semester Ganjil 2017/2018</br></center>
<form>
<pre>
<img src="bg1.jpg" width="120"height="170"style="float:left">
<font color = "Black" face = "Elephant" size = "2">
<p>NIM               : <input type="number" name="NIM" />
<p>Nama             : <input type="text" name="nama" />
<p>Jurusan        : <select><option nama="Teknik Informatika" value="Teknik Informatika">Teknik Informatika</option><option nama="Teknik Lingkungan" value="Teknik Lingkungan">Teknik Lingkungan</option><option nama="Teknik Sipil" value="Teknik Sipil">Teknik Sipil</option><option nama="Teknik Arsitektur" value="Teknik Arsitektur">Teknik Arsitektur</option></select>
<p>Kelas             : <input type="text" name="Kelas" /></p>
</pre>

<p>
<center><u><h1> SOAL </h1></u></center>
</p>
<form id="form1" name="form1" method="post" action="">
 <ol start="1" type="1">
<li> #**# merupakan karakter yang terdapat pada type data</li>
<br>
<ol start="1" type="a">
<i>
<input type="radio" name="NO1" value="a">a. Text.<p>
<input type="radio" name="NO1" value="b">b. LINUX<p>
<input type="radio" name="NO1" value="c">c. Machintos<p>
<input type="radio" name="NO1" value="d">d. Password<p>
<input type="radio" name="NO1" value="e">e. UNIX<p>
</i> 
</ol>
<br>
<li>Perintah untuk mengosongkan kolom pada HTML adalah</li>
<br>
<ol start="1" type="a">
<i>
<input type="radio" name="NO2" value="a">a. Tr<p>
<input type="radio" name="NO2" value="b">b. Td<p>
<input type="radio" name="NO2" value="c">c. Br<p>
<input type="radio" name="NO2" value="d">d. RedHat<p>
<input type="radio" name="NO2" value="e">e. &nsp<p>
</i>
</ol>
<br>
<li>Perintah untuk mengganti baris pada HTML adalah</li>
<br>
<ol start="1" type="a">
<i>
<input type="radio" name="NO3" value="a">a. br<p>
<input type="radio" name="NO3" value="b">b. tr<p>
<input type="radio" name="NO3" value="c">c. Filememory Driver<p>
<input type="radio" name="NO3" value="d">d. Insert<p>
<input type="radio" name="NO3" value="e">e. Jaringan LAN<p>
</i>
</ol>
<br>
<li>Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah</li>
<br>
<ol start="1" type="a">
<i>
<input type="radio" name="NO4" value="a">a. Checkbox<p>
<input type="radio" name="NO4" value="b">b. submit<p>
<input type="radio" name="NO4" value="c">c. file<p>
<input type="radio" name="NO4" value="d">d. Text<p>
<input type="radio" name="NO4" value="e">e. Button<p>
</i>
</ol>
<br>
<li> Atribut NAME digunakan sebagai</li>
<br>
<ol start="1" type="a">
<i>
<input type="radio" name="NO5" value="a">a. Tabel<p>
<input type="radio" name="NO5" value="b">b. Menamai Kotak<p>
<input type="radio" name="NO5" value="c">c. Mengatur Text<p>
<input type="radio" name="NO5" value="d">d. Dualboot<p>
<input type="radio" name="NO5" value="e">e. Menamai Kotak<p>
</i>
</ol>
<br>


<p><input type=submit value=Kirim data/>    <input type=reset value=Reset>
</pre>
</form>
</body>
</html>


Hasil dari kode HTML diatas sebagai berikut:





 Selamat Mengerjakan