Scribd Logo

Bahasa

Unggah

Selamat datang di Scribd!

Tugas 1 Pemrograman Web Anastasia

Diunggah oleh

CAPT
234 tayangan4 halaman

Judul Asli

Tugas_1_Pemrograman_web_Anastasia.doc

Hak Cipta

© © All Rights Reserved

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Laporkan Dokumen Ini

Hak Cipta:

© All Rights Reserved
Tandai sebagai konten tidak pantas
234 tayangan4 halaman

Tugas 1 Pemrograman Web Anastasia

Diunggah oleh

CAPT

Hak Cipta:

© All Rights Reserved
Tandai sebagai konten tidak pantas
dari 4

Nama = Anastasia Alberttina Haryadi

Nim = 042025582
Mata Kuliah = Pemrograman Berbasis Web(MSIM4309)

No Tugas Tutorial
1 Perhatikan gambar tabel di bawah ini:

Buatlah kode program html seperti pada gambar di atas. Kumpulkan kode program html
dan hasil nya dalam bentuk screenshoot!

2 Perhatikan gambar di bawah ini:

Buatlah kode program html seperti pada gambar di atas. Gunakan style css di dalam
<head> untuk melakukan pemberian warna background pada tabel. Warna yang
digunakan : #ADFF2F

Kumpulkan kode programnya dalam bentuk screenshoot!

3 Sebuah rumah sakit akan mengatur pasiennya yang telah antri sebanyak 20 pasien.
Rumah sakit tersebut mengatur jika no pasien genap maka harus ke klinik A dan selain
itu ke klinik B. Buatlah kode program menggunakan javascript sehingga tampil angka
terurut menaik seperti di bawah ini:

This study source was downloaded by 100000836261362 from CourseHero.com on 10-18-2022 23:07:02 GMT -05:00

https://www.coursehero.com/file/123274547/Tugas-1-Pemrograman-web-Anastasiadoc/
Kirimkan kode program javacript dan hasilnya dalam bentuk screenshoot!

Jawaban :
1. Koding :

<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3" bgcolor="pink">Ini adalah tabel perangkat</th>
</tr>
<tr>
<td>Nim</td>
<td>:</td>
<td>[Isi dengan Nim]</td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td>[Isi dengan nama]

</tr>
<tr>
<td>Contoh Pangkat</td>
<td>1. 2³= 8 </td>
<td>2. 3³= 27 </td>
</tr>
<tr>
<td>Contoh pangkat</td>
<td>
<ul>
<li>1. 2³= 8</li>
<li>2. 3³= 27</li>

</ul>
</td>
</tr>
</table>
This study source was downloaded by 100000836261362 from CourseHero.com on 10-18-2022 23:07:02 GMT -05:00
</table>

https://www.coursehero.com/file/123274547/Tugas-1-Pemrograman-web-Anastasiadoc/
</body>
</html>

Output :

2. Koding :

<!DOCTYPE html>
<html>
<head>
<title>Contoh Css</title>
</head>
<style type="text/css">
h1{
color: red;
font-family: times;
}
body{
color: black;
background-color: #ADFF2F;
}
table{
background: transparent;
}
</style>
<body>
<td> Ini adalah contoh CSS dalam tabel: </td>
<center><table border="0">
<tr>
<td>Nim</td><td>:<td><input type="text" name="nama"/></td></tr>
<tr>
<td>Nama</td>
<td>:<td><input type="text" name="alamat"/></td></tr>

<td>Alamat</td>
<td>:<td><input type="text" name="Status"/></td></tr>
<tr>
<td>Password</td>
<td>:<td><input type="text" name="Pekerjaan"/></td></tr>
<tr><br>
<td><input type="submit" name="submit" value="simpan"/></td></tr>
</table></center>
</body>
</html>

Output :

This study source was downloaded by 100000836261362 from CourseHero.com on 10-18-2022 23:07:02 GMT -05:00

https://www.coursehero.com/file/123274547/Tugas-1-Pemrograman-web-Anastasiadoc/
3.
Koding
:

This study source was downloaded by 100000836261362 from CourseHero.com on 10-18-2022 23:07:02 GMT -05:00

https://www.coursehero.com/file/123274547/Tugas-1-Pemrograman-web-Anastasiadoc/
Powered by TCPDF (www.tcpdf.org)

Anda mungkin juga menyukai