639aa kisi kisi uts genap 20172018

Loading....

Loading....

Loading....

Loading....

Loading....

Teks penuh

(1)

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

STMIK PPKIA PRADNYA PARAMITA

Kampus : Jl. Laksda Adi Sucipto No. 249-A Malang - 65141

Telp

.

(0341) 412699, Fax. (0341) 412782

Official Website : www.stimata.ac.id

Soal :

1.

Dengan perintah List Item dan table dalam HTML, buatlah perintah

perintah HTML-nya secara lengkap

agar dalam browser diperoleh tampilan seperti ini (Nilai : 40)

2.

Dengan melihat gambar berikut, jelaskan bagaimana sebuah website bekerja dalam menampilkan

halamannya

(Nilai : 20)

3.

Gambarkan hasil eksekusi bila anda mendapati sebuah perintah

perintah HTML seperti berikut(nilai :

40)

<!DOCTYPE html> <html>

<head><head> <body> <form>

<table bgcolor="pink"> <tr>

<th colspan="3">DATA DIRI</th> </tr>

<tr>

<td> Nama</td> <td> : </td>

<td> <input type="text" placeholder="tulis nama anda" name="tnama" size="30" /></td>

<tr> <tr>

<td>Tempat,Tgl Lahir</td> <td>:</td>

<td><input type="text" placeholder="tulis tempat lahir anda" size="20" /> &nbsp , &nbsp &nbsp<input type="date" /></td> </tr>

<tr>

<td>Jenis kelamin</td> <td>:</td>

<td><input type="radio" option="L" name="laki-laki" checked/> Laki-laki

<input type="radio" option="P" name="perempuan" /> Perempuan

</td> </tr> <tr>

<td>Agama</td> <td>:</td>

<td>

<select name="agama">

<option value="islam" selected>Islam</option> <option value="Kristen" >Kristen</option> <option value="Protestan" >Protestan</option> <option value="Budha" >Budha</option> <option value="Hindu" >Hindu</option> </select>

</td> </tr>

<tr>

<td>Kesukaan</td> <td>:</td>

<td><input type="checkbox" name="satu" />Makan

<input type="checkbox" name="dua" />Tidur

<input type="checkbox" name="satu" />Jalan-jalan

</td> </tr>

<tr>

<td>Pesan dan Kesan</td> <td> : </td>

<td>

<textarea rows="5" cols="40" placeholder="tulis pesan dan kesan anda"></textarea>

</td> </tr>

</table> </form> </body> </html>

4.

Dengan peritah tabel dan form beserta tag inputannya dalam HTML, buatlah perintah

perintah HTML-nya

(2)

5.

berdasarkan URL berikut : https://www.facebook.com/tipsibucerdas/pintar.html, maka tulislah

ulang dan petakan dengan bagian

bagiannya beserta fungsi atau kinerjanya, bagian protokol, bagian

alamat computer (server), dst. (Nilai : 20)

6.

Gambarkan hasil eksekusi bila anda mendapati sebuah perintah

perintah HTML seperti berikut (Nilai :

40)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<table border="1" cellpadding="5" cellspacing="10">

<tr>

<th colspan ="3"> KELAS REGULER B </th>

</tr>

<tr>

<td align="left">

<ul type="square">

<li>Prosedural</li>

<li>struktural</li>

<li>objek oriented</li>

<li>mobile</li>

</ul>

</td>

<td>

<center><U><strong>Program Studi :

</strong></U></center>

<ol start="8">

<li>S1-Teknologi Informasi</li>

<li>S1-Sistem Informasi</li>

<li>D3-Sistem Informasi</li>

</ol>

</td>

<td>

<center><u><strong>Matakuliah : </strong></u></center>

<ol type="A">

<li>Pemrograman Berbasis Web</li>

<li>Pemrograman berbasis Objek</li>

<li>Pemrograman Piranti

Bergerak</li>

</ol>

</td>

</tr>

<tr>

<td colspan="3"> <center>Copyright &copy; 2018 Kelas

PEMROGRAMAN</center></td>

</tr>

</table>

</body>

</html>

7.

Dengan peritah tabel dan form beserta tag inputannya dalam HTML, buatlah perintah

perintah

HTML-nya secara lengkap agar dalam browser diperoleh tampilan seperti ini (Nilai : 35)

8.

Gambarkan hasil eksekusi bila anda mendapati sebuah perintah

perintah HTML seperti berikut :

(nilai : 30 )

<!Doctype html>

<head>

<title>Ujian tengah

Semester</title>

<head>

<body>

<P>Shedule for HTML Course</P>

<ol style =

”list

-style-

type: 1”>

<li>Sunday</li>

<ol style =”list

-style-

type: a”>

<li>Introduction to

HTML</li>

<li>Creating List</li>

</ol>

<li>Monday</li>

<ol style =”list

-style-

type: A”>

<li>Creating table</li>

<li>Inserting image</li>

</ol>

<li>Tuesday</li>

<ol style =”list

-style-

type: I”>

<li>Creating Link</li>

<li>Preparing

Website</li>

</ol>

<li>Wednesday</li>

</ol>

</body>

</html>

(3)

Figur

Memperbarui...

Referensi

Memperbarui...