Rombak Template: Tabel| SMK N 4 JAKARTA

Tabel

Pertemuan 4 - Cara Membuat Form Input Siswa

Cara Membuat Tabel Makanan

1. Masukan Kode HTML Berikut ini ke dalam Aplikasi Visual Studio Code, CodeLobster dll

<html>
<head>
<title></title>
<link rel="stylesheet" text type="text/css" href="stylevalid.css"/>
</head>
<center>
<form action="#">

<center><text><b>* FORM INPUT DATA SISWA <br /> SMK NEGERI 4 JAKARTA *</b></text></center>
	<table>
		<tr>
			<td>NAMA</td>
			<td>:</td>
			<td><input class="form-nama-1" type="text" placeholder="NAMA DEPAN"/> <input class="form-nama-1" type="text" placeholder="NAMA BELAKANG"/></td>
		</tr>
		<tr>
			<td>KELAS</td>
			<td>:</td>
			<td>
			<select class="form-kelas"><option selected="1">PILIH KELAS </option>
				<option>X</option>
				<option>XI</option>
				<option>XII</option>
			</select>
			</td>
		</tr>
		
		<tr>
			<td>JURUSAN</td>
			<td>:</td>
			<td>
			<select class="form-jurusan"><option selected="1">PILIH JURUSAN</option>
				<option>TKJ</option>
				<option>TAV</option>
				<option>TEI</option>
				<option>TKR</option>
				<option>TPL</option>
				<option>TF</option>
				<option>DPIB</option>
			</select>
			</td>
		</tr>
		
		<tr>
			<td>TEMPAT LAHIR</td>
			<td>:</td>
			<td><input class="form-tmpt-lahir" type="text" name="place" required="input" placeholder="TEMPAT LAHIR"></td>
		</tr>
		
		<tr>
			<td>TANGGAL LAHIR</td>
			<td>:</td>
			<td>
			<select class="form-birtday"><option selected="1">TANGGAL </option>
				<option>1</option>
				<option> 2 </option>
				<option> 3 </option>
				<option> 4 </option>
				<option> 5 </option>
				<option> 6 </option>
				<option> 7 </option>
				<option> 8 </option>
				<option> 9 </option>
				<option> 10 </option>
				<option> 11 </option>
				<option> 12 </option>
				<option> 13 </option>
				<option> 14 </option>
				<option> 15 </option>
				<option> 16 </option>
				<option> 17 </option>
				<option> 18 </option>
				<option> 19 </option>
				<option> 20 </option>
				<option> 21 </option>
				<option> 22 </option>
				<option> 23 </option>
				<option> 24 </option>
				<option> 25 </option>
				<option> 26 </option>
				<option> 27 </option>
				<option> 28 </option>
				<option> 29 </option>
				<option> 30 </option>
				<option> 31 </option></select>
				<select class="form-birtday"><option selected="1">BULAN </option>
				<option> JANUARI </option>
				<option> FEBRUARI </option>
				<option> MARET </option>
				<option> APRIL </option>
				<option> MEI </option>
				<option> JUNI </option>
				<option> JULY </option>
				<option> AGUSTUS </option>
				<option> SEPTEMBER </option>
				<option> OKTOBER </option>
				<option> NOVEMBER </option>
				<option> DESEMBER </option></select>
				
				<select class="form-birtday"><option selected="1">TAHUN </option>
				
				<option> 2017 </option>
				<option> 2016 </option>
				<option> 2015 </option>
				<option> 2014 </option>
				<option> 2013 </option>
				<option> 2012 </option>
				<option> 2011 </option>
				<option> 2010 </option>
				<option> 2009 </option>
				<option> 2008 </option>
				<option> 2007 </option>
				<option> 2006 </option>
				<option> 2005 </option>
				<option> 2004 </option>
				<option> 2003 </option>
				<option> 2002 </option>
				<option> 2001 </option>
				<option> 2000 </option>
				<option> 1999 </option>
				<option> 1998 </option>
				<option> 1996 </option>
				<option> 1995 </option>
				<option> 1994 </option>
				<option> 1993 </option>
				<option> 1992 </option>
				<option> 1991 </option>
				<option> 1990 </option>
				
				</select>
			</td>
		</tr>
		
		<tr>
			<td>JENIS KELAMIN</td>
			<td>:</td>
			<td><input type="radio" name="kelamin"/>LAKI-LAKI <input type="radio" name="kelamin"/>PEREMPUAN</td>
		</tr>
		
		<tr>
			<td>HOBI</td>
			<td>:</td>
			<td>
			<input type="checkbox" name="hoby"/>SEPAK BOLA<br>
			<input type="checkbox" name="hoby"/>BERENANG<br>
			<input type="checkbox" name="hoby"/>MEMBACA <br>
			<input type="checkbox" name="hoby"/>BASKET <br>
			<input type="checkbox" name=" hoby"/>VOLLY BALL
			</td>
		</tr>
		
				<tr>
			<td>EXTRAKULIKULER</td>
			<td>:</td>
			<td><select class="escul"><option selected="1">PILIH EXTRAKULIKULER </option>
				<option> AUTO CAD </option>
				<option> BASKET BALL</option>
				<option> BADMINTON </option>
				<option> BASKET </option>
				<option> FUTSAL </option>
				<option> PASKIBRA </option>
				<option> KIR </option>
				<option> GIHONBU </option>
				<option> ENGLISH CLUB </option></select>
			</td>
		</tr>
		
			<tr>
			<td>NO.TELEPON</td>
			<td>:</td>
			<td><input class="form-phone" type="text" nama="telepon" placeholder="NO.TELEPON"/></td>
		</tr>
		
		<tr>
			<td>ALAMAT</td>
			<td>:</td>
			<td><textarea class="address" style="border-radius: 8" cols="35" placeholder="MASUKAN ALAMAT ANDA" rows="10" required="input"></textarea></td>
		</tr>
		
		<td colspan="8" align="center"><button class="button-save">SIMPAN</button>
		<td colspan="8" align="center"><button class="reset" type="reset"> RESET</button></td>
		</td>
	</table>
</form>
</center>
</body>
</html>

2. Buatlah New File - CSS - Lalu Letakkan File HTML dan CSS dalam satu Folder.

.form-nama-1{
	width: 250px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}

.form-nama-2{
	width: 250px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}

.form-kelas{
	width: 150px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}

.form-jurusan{
	width: 170px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}

.form-tmpt-lahir{
	width: 250px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
	}
	
.form-birtday{
	width: 120px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}

.form-phone{
	width: 250px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}

.address{
	width: 400px;
	height: 400spx;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
	
}


.escul{
	width: 250px;
	height: 35px;
	margin-left: 8px;
	padding:6px 12px;
  	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:8px;
}
.button-save{
	background: #67ae55;
	font-size: 16px;
	font-family: inherit;
	margin: 0px;
	width: 150px;
	height: 30px;
	border-radius: 8px
	
}

.reset{
	background: #67ae55;
	font-size: 16px;
	font-family: inherit;
	text-align: center;
	margin: 0px;
	width: 150px;
	height: 30px;
	border-radius: 8px
}

* FORM INPUT DATA SISWA
SMK NEGERI 4 JAKARTA *

NAMA

KELAS

JURUSAN

TEMPAT LAHIR

TANGGAL LAHIR

JENIS KELAMIN

LAKI-LAKI PEREMPUAN

HOBI

SEPAK BOLA
BERENANG
MEMBACA
BASKET
VOLLY BALL

EXTRAKULIKULER

NO.TELEPON

ALAMAT

Pertemuan 2 - Membuat Tabel Harga Barang

Cara Membuat Tabel Harga Barang

1. Masukan Kode HTML Berikut ini ke dalam Aplikasi Visual Studio Code, CodeLobster dll

<center><html>
<head>
 <title>Pertemuan -2</title>
 <link rel="stylesheet" text type="text/css" href="../Pertemuan 2/style.css"/>
</head>
<body>

  <center><text><b>* LATIHAN MEMBUAT TABEL <br /> SMK NEGERI 4 JAKARTA *</b></text></center>
  <table border="2">
  <tr>
   <td>NO.</td>
   <td>KODE BARANG</td>
   <td>NAMA BARANG</td>
   <td>QTY</td>
   <td>HARGA SATUAN</td>
   <td>TOTAL</td>
  </tr>
  <tr>
   <td>1.</td>
   <td>KD 001</td>
   <td>PASIR</td>
   <td>1</td>
   <td>RP. 150.000,-</td>
   <td>RP. 150.000,-</td>
  </tr>
  <tr>
   <td>2.</td>
   <td>KD 005</td>
   <td>RUJAK</td>
   <td>2</td>
   <td>RP. 10.000,-</td>
   <td>RP. 20.000,-</td>
  </tr>
  <tr>
   <td>3.</td>
   <td>KD 035</td>
   <td>KUE PASIR</td>
   <td>10</td>
   <td>RP. 1000,-</td>
   <td>RP. 10.000,-</td>
  </tr>
  <tr>
   <td colspan="5" align="right"><b>TOTAL PRICE</b></td>
   <td>RP. 270.000,-</td>
  </tr>
  <tr>
   <td colspan="5" align="right"><b>PPH 2%</b></td>
   <td>RP. 5.400,-</td>
  </tr>
  <tr>
   <td colspan="5" align="right"><b>TOTAL</b></td>
   <td>RP. 275.400,-</td>
  </tr>
 </table>
</body>
</center>
</html>

<br />
<br />
<br />

<html>
<head>
<center> 
<title>Pertemuan 3</title>
 <link rel="stylesheet" text type="text/css" href="../Pertemuan 2/style.css"/>
</head>
<body>

  <table border="2">
  <tr class="form-username">
   <td align="center">NO.</td>
   <td align="center">KODE BARANG</td>
   <td align="center">NAMA BARANG</td>
   <td align="center">QTY</td>
   <td align="center">HARGA SATUAN</td>
   <td align="center">TOTAL</td>
  </tr>
  
  <tr class="form-username">
   <td align="center">1.</td>
   <td align="center">KD 001</td>
   <td align="center">PASIR</td>
   <td align="center">1</td>
   <td align="center">RP. 150.000,-</td>
   <td align="center">RP. 150.000,-</td>
  </tr>
  
  
  <tr class="form-username">
   <td align="center">2.</td>
   <td align="center">KD 005</td>
   <td align="center">RUJAK</td>
   <td align="center">2</td>
   <td align="center">RP. 10.000,-</td>
   <td align="center">RP. 20.000,-</td>
  </tr>
  
  
  <tr class="form-username">
   <td align="center">3.</td>
   <td align="center">KD 035</td>
   <td align="center">KUE PASIR</td>
   <td align="center">10</td>
   <td align="center">RP. 1000,-</td>
   <td align="center">RP. 10.000,-</td>
  </tr>
  
  
  <tr class="form-username">
   <td colspan="5" align="right"><b>TOTAL PRICE</b></td>
   <td align="center">RP. 270.000,-</td>
  </tr>
  
  <tr class="form-username">
   <td colspan="5" align="right"><b>PPH 2%</b></td>
   <td align="center">RP. 5.400,-</td>
  </tr>
  
  
  <tr class="form-username">
   <td colspan="5" align="right"><b>TOTAL</b></td>
   <td align="center">RP. 275.400,-</td>
  </tr>
 </table>
</body>
</center>
</html>

2. Buatlah New File - CSS - Lalu Letakkan File HTML dan CSS dalam satu Folder.

.nomor{
 width: 20px;
 height: 50px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-size: 18px;
}

.form-nama{
 width: 150px;
 height: 35px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-size: 18px;
}

.form-username{
 width: 150px;
 height: 50px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-size: 18px;
}

.price{
 width: 150px;
 height: 50px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-size: 18px;
}

Pertemuan -2

Screenshoot:

Membuat Tabel Harga Barang ( -CSS )

NO.	KODE BARANG	NAMA BARANG	QTY	HARGA SATUAN	TOTAL
1.	KD 001	PASIR	1	RP. 150.000,-	RP. 150.000,-
2.	KD 005	RUJAK	2	RP. 10.000,-	RP. 20.000,-
3.	KD 035	KUE PASIR	10	RP. 1000,-	RP. 10.000,-
TOTAL PRICE					RP. 270.000,-
PPH 2%					RP. 5.400,-
TOTAL					RP. 275.400,-

Membuat Tabel Harga Barang ( + CSS )

Pertemuan 3

NO.	KODE BARANG	NAMA BARANG	QTY	HARGA SATUAN	TOTAL
1.	KD 001	PASIR	1	RP. 150.000,-	RP. 150.000,-
2.	KD 005	RUJAK	2	RP. 10.000,-	RP. 20.000,-
3.	KD 035	KUE PASIR	10	RP. 1000,-	RP. 10.000,-
TOTAL PRICE					RP. 270.000,-
PPH 2%					RP. 5.400,-
TOTAL					RP. 275.400,-

Pertemuan 1 - Membuat Tabel

Cara Membuat Tabel 10 Nama

1. Masukan Kode HTML Berikut ini ke dalam Aplikasi Visual Studio Code, CodeLobster dll

<center><html>
<head>
 <title>Pertemuan 2</title>
</head>
<body>

   <center><text><b>* MEMBUAT TABEL <br /> SMK NEGERI 4 JAKARTA *</b></text></center>
 <table border="3">
  <tr>
   <td align="center">NO.</td>
   <td align="center">NAMA</td>
   <td align="center">KELAS</td>
   <td align="center">JURUSAN</td>
   <td align="center">NO. TELEPON</td>
   <td align="center">ALAMAT</td>
  </tr>
  <tr>
   <td align="center">1.</td>
   <td align="center">HILMI AMMAR</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">089658975485</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">2.</td>
   <td align="center">ALDIAN YOGA PERMANA</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">085216869678</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">3.</td>
   <td align="center">ZULIAN AMARIE</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">085276487687</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">4.</td>
   <td align="center">DIKI ARIF PANGESTU</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">083889173981</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">5.</td>
   <td align="center">MUHAMMAD NAUFAL ALBIANSYAH</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">085218768992</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">6.</td>
   <td align="center">ARVA RAIHAN JAVIER</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">085218682316</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">7.</td>
   <td align="center">MUHAMMAD HAIKAL .R</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">083889691269</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">8.</td>
   <td align="center">MUHAMMAD ARIZ .P</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">089721836128</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">9.</td>
   <td align="center">SATRIA PANCA</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">085321977932</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
  <tr>
   <td align="center">10.</td>
   <td align="center">ALFIAN WAHYU</td>
   <td align="center">X</td>
   <td align="center">T.K.J</td>
   <td align="center">085321936128</td>
   <td align="center">JL. TIPAR CAKUNG</td>
  </tr>
 </table>
</body>
</html></center>


</br>
</br>

<html>
<head>
 <title>Pertemuan 2</title>
 <link rel="stylesheet" text type="text/css" href="style.css"/>
</head>
<center>
<body>
 <table border="2">
 
  <tr>
   <td align="center" class="nomor">NO</td>
   <td align="center" class="form-nama">NAMA</td>
   <td align="center" class="form-nama">KELAS</td>
   <td align="center" class="form-nama">JURUSAN</td>
   <td align="center" class="form-nama">NO. TELEPON</td>
   <td align="center" class="form-nama">ALAMAT</td>


<tr>
   <td align="center" class="nomor">1.</td>
   <td class="form-username">HILMI AMMAR</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085276487687</td>
   <td align="center" class="form-username">-</td>
  </tr>
  
  <tr>
   <td align="center" class="nomor">2.</td>
   <td class="form-username">ALDIAN YOGA .P</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085276487687</td>
   <td align="center" class="form-username">-</td>
  </tr>

  <tr>
   <td align="center" class="nomor">3.</td>
   <td class="form-username">ZULIAN AMARIE</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085276487687</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">4.</td>
   <td class="form-username">DIKI ARIF . P</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">083889173981</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">5.</td>
   <td class="form-username">M. NAUFAL</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085218768992</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">6.</td>
   <td class="form-username">ARVA RAIHAN . J</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085218682316</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">7.</td>
   <td class="form-username">M. HAIKAL</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">083889691269</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">8.</td>
   <td class="form-username">M. ARIZ</td>
   <td align="center" class="form-username" class="">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">089721836128</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">9.</td>
   <td class="form-username">SATRIA PANCA</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085321977932</td>
   <td align="center" class="form-username">-</td>
  </tr>
  <tr>
   <td align="center" class="nomor">10.</td>
   <td class="form-username">ALFIAN WAHYU</td>
   <td align="center" class="form-username">X/10</td>
   <td align="center" class="form-username">TKJ</td>
   <td align="center" class="form-username">085321936128</td>
   <td align="center" class="form-username">-</td>
  </tr>
 </table>
</body>
</html></center>

2. Buatlah New File - CSS - Lalu Letakkan File HTML dan CSS dalam satu Folder.

.nomor{
 width: 20px;
 height: 50px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-weight: bold;
 font-size: 18px;
}

.form-nama{
 width: 150px;
 height: 35px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-size: 18px;
}

.form-username{
 width: 150px;
 height: 50px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 font-weight: bold;
 font-size: 18px;
}

.aa{
 width: 80%;
 height: 50px;
 margin-left: 8px;
 padding:6px 12px;
   font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:1px;
 }

Pertemuan 2 Screenshoot :

Membuat Tabel 10 Nama ( - CSS )

NO.	NAMA	KELAS	JURUSAN	NO. TELEPON	ALAMAT
1.	HILMI AMMAR	X	T.K.J	089658975485	JL. TIPAR CAKUNG
2.	ALDIAN YOGA PERMANA	X	T.K.J	085216869678	JL. TIPAR CAKUNG
3.	ZULIAN AMARIE	X	T.K.J	085276487687	JL. TIPAR CAKUNG
4.	DIKI ARIF PANGESTU	X	T.K.J	083889173981	JL. TIPAR CAKUNG
5.	MUHAMMAD NAUFAL ALBIANSYAH	X	T.K.J	085218768992	JL. TIPAR CAKUNG
6.	ARVA RAIHAN JAVIER	X	T.K.J	085218682316	JL. TIPAR CAKUNG
7.	MUHAMMAD HAIKAL .R	X	T.K.J	083889691269	JL. TIPAR CAKUNG
8.	MUHAMMAD ARIZ .P	X	T.K.J	089721836128	JL. TIPAR CAKUNG
9.	SATRIA PANCA	X	T.K.J	085321977932	JL. TIPAR CAKUNG
10.	ALFIAN WAHYU	X	T.K.J	085321936128	JL. TIPAR CAKUNG

Pertemuan 2
Membuat Tabel 10 Nama ( + CSS )

NO	NAMA	KELAS	JURUSAN	NO. TELEPON	ALAMAT
1.	HILMI AMMAR	X/10	TKJ	085276487687	-
2.	ALDIAN YOGA .P	X/10	TKJ	085276487687	-
3.	ZULIAN AMARIE	X/10	TKJ	085276487687	-
4.	DIKI ARIF . P	X/10	TKJ	083889173981	-
5.	M. NAUFAL	X/10	TKJ	085218768992	-
6.	ARVA RAIHAN . J	X/10	TKJ	085218682316	-
7.	M. HAIKAL	X/10	TKJ	083889691269	-
8.	M. ARIZ	X/10	TKJ	089721836128	-
9.	SATRIA PANCA	X/10	TKJ	085321977932	-
10.	ALFIAN WAHYU	X/10	TKJ	085321936128	-

Rombak Template

Pertemuan 4 - Cara Membuat Form Input Siswa

Pertemuan 2 - Membuat Tabel Harga Barang

Pertemuan 1 - Membuat Tabel

Popular Posts