Laporan Pratikum 4

Diunggah oleh

Adelina Nurul Hasanah
1 tayangan15 halaman
Ini tentang tata cara pembuatan coding di sublime text 3

Judul Asli

LAPORAN PRATIKUM 4

Hak Cipta

© © All Rights Reserved

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Laporkan Dokumen Ini

Deskripsi:

Ini tentang tata cara pembuatan coding di sublime text 3

Hak Cipta:

© All Rights Reserved
Tandai sebagai konten tidak pantas
1 tayangan15 halaman

Laporan Pratikum 4

Judul Asli:

LAPORAN PRATIKUM 4

Diunggah oleh

Adelina Nurul Hasanah

Deskripsi:

Ini tentang tata cara pembuatan coding di sublime text 3

Hak Cipta:

© All Rights Reserved
Tandai sebagai konten tidak pantas
dari 15

WEB DESIGN

“Laporan Pratikum 4”

DOSEN PEMBIMBING

RIAN, S.Kom, M.Kom

DISUSUN OLEH :

Adelina Nurul Hasanah


1901061041
3c Administrasi Bisnis

JURUSAN ADMINISTRASI NIAGA


POLITEKNIK NEGERI PADANG
TAHUN 2020/2021
LAPORAN PRATIKUM 4 MODUL 5
 Buka aplikasi Sublime text
 Klik Start -> klik icon sublime text -> enter / klik 2x
 Akan tampil seperti dibawah ini,

 Klik file dan simpan di file pratikum 1 dengan nama latihan1.html lalu save.


Setelah di simpan, di halaman awal sublime text langsung saja ketik <html lalu akan langsung
muncul seperti di bawah ini,

 Setelah itu ketik koding sesuai perintah soal seperti di bawah ini, desain sesuai soal
1. LATIHAN 1

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 1</title>
</head>
<body>
<table border="0">
<tr>
<td>Baris 1, kolom 1</td>
<td>Baris 1, Kolom 2</td>
</tr>
<tr>
<td>Baris 2, kolom 1</td>
<td>Baris 2, kolom 2</td>
</tr>
</table>
<br />
<table border="6">
<tr>
<td>Baris 1, kolom 1</td>
<td>Baris 1, kolom 2</td>
</tr>
<tr>
<td>Baris 2, kolom 1</td>
<td>Baris 2, kolom 2</td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :

2. LATIHAN 2

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>latihan 2</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td>kolom 1 dan baris pertama</td>
</tr>
<tr>
<td>kolom 2 dan baris kedua</td>
</tr>
</table>
</body>
</html>

Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :

3. LATIHAN 3
KETERANGAN :

<!DOCTYPE html>

<html>

<head>

<title>Latihan 3</title>

</head>

<body>

<table width="500" border="1">

<tr>

<td>Kolom Pertama</td>

<td>Kolom kedua</td>

</tr>

</table>

</body>

</html>

Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :
4. LATIHAN 4

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 4</title>
</head>
<body>
<table width="0" border="1" bordercolor="red">
<tr>
<td>Teks ini disertai bingkai warna merah</td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :
5. LATIHAN 5

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 5</title>
</head>
<body>
<table>
<tr>
<td bgcolor="#D9F5FF"> <div align="center">Teks (Adelina
nurul hasanah)</div></td>
<td bgcolor="#E1FACD"> <div align="center">Teks
(3C.Administrasi bisnis)</div></td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :
6. LATIHAN 6
KETERANGAN :

<!DOCTYPE html>
<html>
<head>
<title>Latihan 6</title>
</head>
<body>
<table width="500" border="1">
<tr><th colspan="100" scope="001" bgcolor="#FFF7DB">JUDUL
TABEL</th></tr>
<tr>
<td bgcolor="#FAEBD7">Judul kolom 1</td>
<td bgcolor="#7FFFD4">Judul kolom 2</td>
<td bgcolor="#FFEBCD">Judul kolom 3</td>
</tr>
<tr>
<td bgcolor="#8A2BE2">Teks (Adelina Nurul Hasanah</td>
<td bgcolor="#A52A2A">Teks (1901061041)</td>
<td bgcolor="#DEB887">Teks (3C.Administrasi bisnis</td>
</tr>
<tr>
<td bgcolor="#5F9EA0">Teks</td>
<td bgcolor="#7FFF00">Teks</td>
<td bgcolor="#6495ED">Teks</td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :

7. LATIHAN 7

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 7</title>
</head>
<body>
<table border="1">
<caption>Pendapatan bulanan :</caption>
<tr>
<th>Bulan</th>
<th>Hasil</th>
</tr>
<tr>
<td>Januari</td>
<td>Rp. 4000.000,-</td>
</tr>
<tr>
<td>Februari</td>
<td>Rp. 5000.000,-</td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :

8. LATIHAN 8
KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 8</title>
</head>
<body>
<table border="1">
<tr>
<th>Nama :</th>
<td>Adelina Nurul Hasanah</td>
</tr>
<tr>
<th rowspan="2">Handpone :</th>
<td>083801012805</td>
</tr>
<tr>
<td>083801012806</td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :
9. LATIHAN 9

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 9</title>
</head>
<body>
<table border="1" cellpadding="5">
<tr>
<th>Nama</th>
<th colspan="2">Handphone</th>
</tr>
<tr>
<td>Adelina Nurul Hasanah</td>
<td>083801012805</td>
<td>083801012806</td>
</tr>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :
10. LATIHAN 10

KETERANGAN :
<!DOCTYPE html>
<html>
<head>
<title>Latihan 10</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Judul 1</th>
<th>Judul 2</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Baris 1, kolom 1</td>
<td>Baris 1, kolom 2</td>
</tr>
<tr>
<td>Baris 2, kolom 1</td>
<td>Baris 2, kolom 2</td>
</tr>
</tbody>
</table>
</body>
</html>
Setelah itu klik kanan, pilih OPEN IN BROWSER maka akan muncul tampilan :

Anda mungkin juga menyukai