• Contact Us
  • Sitemap
  • Disclaimer
  • Privacy Policy
  • Partner Link
  • Download This Template!

Rombak Template

  • Home
  • Menu 1
    • Menu 1
    • Menu 2
    • Menu 3
    • Menu 4
    • Menu 5
    • Menu 6
    • Menu 7
    • Menu 8
    • Menu 9
  • Menu 2
  • Menu 3
  • Menu 4
  • Menu 5
  • Menu 6
  • Menu 7
  • Menu 8
  • Menu 9
  • Menu 10
  • More
    • Menu 1
    • Menu 2
    • Menu 3
thumbnail

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 :
Hilmi Ammar
Follow us on:
facebook gplus rss
thumbnail

Pertemuan 3 - Cara Membuat Tabel Makanan


Cara Membuat Tabel Makanan

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
Membuat Tabel Makanan ( -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,-

Pertemuan 3

Membuat Tabel Makanan ( +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,-
Hilmi Ammar
Follow us on:
facebook gplus rss
thumbnail

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,-
Hilmi Ammar
Follow us on:
facebook gplus rss
thumbnail

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 -
Hilmi Ammar
Follow us on:
facebook gplus rss
thumbnail

Fakta Setelah Kroasia mengalahkan Spanyol Liga Eropa 2017

Berikut ini ada beberapa fakta yang mungkin bisa membuat decak kagum sobat semua penggemar sepak bola dunia, khususnya dalam perhelatan Piala Liga Eropa 2016 di Prancis. Hal ini sama hebohnya dengan berita Berita Sepak Bola Portugal vs Austria Piala Eropa 2016 yang akhirnya berakhir imbang.

Kira-kira fakta penting apa setelah kemenangan Kroasia atas Spanyol dalam Piala Liga Eropa 2016 kemarin?

Fakta Setelah Kroasia mengalahkan Spanyol Liga Eropa 2016

8 Fakta Kemenangan Kroasia atas Spanyol Liga Eropa 2016
Berikut ini ada beberapa data dan fakta dalam pertandingan antara Kroasi dan Spanyol dalam Liga Eropa 2016 yang berlangsung kemarin malam.
  1. Spanyol mendetita kekalahan atas Kroasia pada laga penutup Group D, sehingga sang juara bertahan Spanyol akan bertemu Italia dalam babak 16 besar.
  2. Pertandingan kemarin malam merupakan reuni ke-16 Spanyol dengan Kroasia dalam sejarah. Dalam pertemuan tersebut Spanyol memenangkan tiga pertandingan diantaranya.
  3. Kroasia terakhir kali mampu mengalahkan Spanyol diawal pertemuan mereka pada tahun 1994 dalam pertandingan uji coba.
  4. Kekalahan Spanyol merupakan kekalahan pertama dalam Piala Eropa setelah unggul lebih dulu dan baru pertama kali kemasukan dua gol di Piala Eropa sejak kalu dulu kalah dari Prancis 2-1 pada tahun 2000.
  5. Gol Nikola Kalinic pada setengah pertandingan pertama juga menjadi yang pertama kali terhadap Spanyol setelah 735 menit bemain di Piala Eropa.
  6. Hanya Davil Villa yang bisa mencetak gol lebih banyak dalam satu edisi Piala Eropa, seperti halnya Alvaro Morata menyamakan kedudukan lewat gol ketiga di perhelatan ini.
  7. Kapten tim Spanyol Sergio Ramos tidak berhasil mengeksekusi Pinalti. Itu artinya ia menjadi pemain pertama yang tidak berhasil di waktu normal pertandingan di Piala Eropa sejak Raul saat melawan Prancis tahun 2000.
  8. Cesc Fabregas menjadi pemain terbanyak menyumbangkan gol tim nasioal dibandingka pemain Spanyol lain dalam Piala Eropa, dengan 3 gol dan 5 assist.
Demikian sekilas informasi mengenai 8 Fakta Kemenangan Kroasia atas Spanyol Liga Eropa 2016. Semoga bermanfaat.
Hilmi Ammar
Follow us on:
facebook gplus rss
thumbnail

Fakta Setelah Kroasia mengalahkan Spanyol Liga Eropa 2016

Berikut ini ada beberapa fakta yang mungkin bisa membuat decak kagum sobat semua penggemar sepak bola dunia, khususnya dalam perhelatan Piala Liga Eropa 2016 di Prancis. Hal ini sama hebohnya dengan berita Berita Sepak Bola Portugal vs Austria Piala Eropa 2016 yang akhirnya berakhir imbang.

Kira-kira fakta penting apa setelah kemenangan Kroasia atas Spanyol dalam Piala Liga Eropa 2016 kemarin?

Fakta Setelah Kroasia mengalahkan Spanyol Liga Eropa 2016

8 Fakta Kemenangan Kroasia atas Spanyol Liga Eropa 2016
Berikut ini ada beberapa data dan fakta dalam pertandingan antara Kroasi dan Spanyol dalam Liga Eropa 2016 yang berlangsung kemarin malam.
  1. Spanyol mendetita kekalahan atas Kroasia pada laga penutup Group D, sehingga sang juara bertahan Spanyol akan bertemu Italia dalam babak 16 besar.
  2. Pertandingan kemarin malam merupakan reuni ke-16 Spanyol dengan Kroasia dalam sejarah. Dalam pertemuan tersebut Spanyol memenangkan tiga pertandingan diantaranya.
  3. Kroasia terakhir kali mampu mengalahkan Spanyol diawal pertemuan mereka pada tahun 1994 dalam pertandingan uji coba.
  4. Kekalahan Spanyol merupakan kekalahan pertama dalam Piala Eropa setelah unggul lebih dulu dan baru pertama kali kemasukan dua gol di Piala Eropa sejak kalu dulu kalah dari Prancis 2-1 pada tahun 2000.
  5. Gol Nikola Kalinic pada setengah pertandingan pertama juga menjadi yang pertama kali terhadap Spanyol setelah 735 menit bemain di Piala Eropa.
  6. Hanya Davil Villa yang bisa mencetak gol lebih banyak dalam satu edisi Piala Eropa, seperti halnya Alvaro Morata menyamakan kedudukan lewat gol ketiga di perhelatan ini.
  7. Kapten tim Spanyol Sergio Ramos tidak berhasil mengeksekusi Pinalti. Itu artinya ia menjadi pemain pertama yang tidak berhasil di waktu normal pertandingan di Piala Eropa sejak Raul saat melawan Prancis tahun 2000.
  8. Cesc Fabregas menjadi pemain terbanyak menyumbangkan gol tim nasioal dibandingka pemain Spanyol lain dalam Piala Eropa, dengan 3 gol dan 5 assist.
Demikian sekilas informasi mengenai 8 Fakta Kemenangan Kroasia atas Spanyol Liga Eropa 2016. Semoga bermanfaat.
Hilmi Ammar
Follow us on:
facebook gplus rss
  • POPULER POS
  • KATEGORI
  • ARCHIVE BLOG

Popular Posts

  • Pertemuan 1 - Membuat Tabel
    Cara Membuat Tabel 10 Nama 1. Masukan  Kode HTML  Berikut ini ke dalam Aplikasi  Visual Studio Code, CodeLobster  dll <center...
Copyright © 2016 - 2017 Rombak Template . All Rights Reserved . Powered by Blogger