Anda di halaman 1dari 3

1. Apakah yang dimaksud dengan web application ? Jelaskan !

(skor 5)
2. Sebutkan macam-macam profesi dalam pengembangan aplikasi web ! (skor 5)
3. Apa yang dimaksud dengan HTML? Berikan contoh struktur penulisan kode HTML ! (skor 15)
4. Sebutkan dan jelaskan 3 elemen-elemen dasar HTML untuk memformat halaman web yang anda
ketahui! (skor 10)
5. Jelaskan definisi dari CSS (Cascading Style Sheet) pada pemrograman web ! (skor 5)
6. Sebutkan manfaat adanya CSS dalam pembuatan web ! (skor 10)
7. Pada konsep dasar penerapan CSS pada elemen tabel terdapat beberapa istilah sebagai berikut.
Jelaskan! (skor 15)
a. Padding
b. Content
c. Margin
d. Border
8. Sebutkan fungsi dari kode style berikut ! (skor 10)
table, td, th {border:1px solid green;}
9. Lengkapilah kode program dibawah ini dengan benar, untuk dapat menghasilkan tampilan
seperti gambar berikut ! (skor 25)
<html>

<head>
<title>BIODATAKU</title>

<body>
<center>
<font size="25px">
BIODATAKU
</font>
</center>

<table>
<tr>
<td>Nama :</td>
<td>Ardika Wisnu Pradana</td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir :</td>
<td>Jakarta, 18 Desember 1994</td>
</tr>
<tr>
<td>Alamat :</td>
<td>Jalan Menuju surgawi no.10, UnNamed Place</td>
</tr>
<tr>
<td>Hobby :</td>
<td>Basket, Blogging, Olahraga, DotA</td>
</tr>
<tr>
<td>Pendidikan Terakhir :</td>
<td>SMKN 1 Jakarta Pusat</td>
</tr>
<tr>

</body>
</head>
KUNCI JAWABAN
1. web application (aplikasi web) adalah suatu aplikasi yang diakses menggunakan peramban web
(web browser) melalui suatu jaringan internet.
2. Profesi dalam pengembangan aplikasi web adalah web designer, web programmer, web
administrator, web master dan web developer.
3. HTML adalah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web.
Contoh :
<html>
<head>
<title>judul</title>
</head>
<body>
Isi Website
</body>
</html>
4. 1). Elemen Head dapat digunakan untuk menampilkan judul dokumen
2). Elemen Body digunakan untuk mendefinisikan teks beserta formatnya, yang akan ditampilkan
sebagai isi halaman website
3). Elemen komentar digunakan untuk memberi keterangan dalam penulisan kode program
4). Elemen Identitas digunakan untuk mencantumkan informasi-informasi tentang identitasatau
hak cipta pada dokumen web.
5. CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan
website.
6. Manfaat CSS;
a. Kode HTML menjadi lebih sederhana dan mudah diatur
b. Ukuran file menjadi lebih kecil, sehingga loading file lebih cepat
c. Mudah untuk mengubah tampilan web, yaitu hanya dengan mengubah file CSS saja
d. Dapat berkolaborasi dengan JavaScript
e. Dapat digunakan hampir di semua jenis web browser
7. Padding : area yang mengelilingi content, warna padding dipengaruhi oleh background dari box
Content : isi dari box, bisa berupa teks maupun gambar
Margin : daerah paling luar yang membatasi dengan elemen HTMLlainnya dan tidak berwarna
Border : garis yang mengelilingi padding dan content. Garis ini mempunyai warna dan ketebalan
8. Fungsi dari kode tersebut adalah memberikan efek warna green pada border tabel, data (td) dan
header tabel (th).
9. Listing Program
<html>
<head>
<title>BIODATAKU</title>
<body>
<center>
<font size="25px">BIODATAKU</font>
</center>

<table>
<tr>
<td>Nama :</td>
<td>Ardika Wisnu Pradana</td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir :</td>
<td>Semarang, 18 Desember 2004</td>
</tr>
<tr>
<td>Alamat :</td>
<td>Jalan Menuju surgawi no.10</td>
</tr>
<tr>
<td>Hobby :</td>
<td>Basket, Blogging, Olahraga, DotA</td>
</tr>
<tr>
<td>Pendidikan Terakhir :</td>
<td>SMK LPI Semarang</td>
</tr>
</table>
</body>
</head>

</html>

Anda mungkin juga menyukai