Membuat Tabel Identitas Menarik Dengan Menggunakan HTML
jumpa lagi dengan saya ,apa kabarnya ? baik ? saya
rasa kalian baik . sebelum melihat dan membaca laman ini , kalian apa sudah
melihat laman postingan saya yang sebelum ini yaitu “Apa itu HTML? Bagaimana Cara dan Contoh Programnya? Mari baca-baca dan
Lihat-lihat… “? sudah ? soalnya klo kalian belum melihat mungkin
pembahasan pengembangan menggunakan html ini kurang menarik ,karena di awal itu
adalah awalan dari postingan ini.
Kali ini saya akan memberikan contoh gabungan program table, gambar dan biodata
yang telah saya contohkan dilaman sebelah ,dengan menggunakan VISUAL
STUDIO berikut kurang lebih contoh
programnya :
Berikut contoh program di Mc Visual studio :
Programnya :
<!DOCTYPE html>
<html>
<head>
<title> MEMBUAT TABEL </title>
</head>
<body>
<h1> <font color= BLUE face = RAVIE size = 100 > BIODATA MAHASISWA PENS</font></h1>
<table border= "15" style =background-color:POWDERBLUE >
<tr>
<td colspan="3"; Style =background-color:pink > <center> <font color = green face = "elephant" > DAFTAR MAHASISWA PENS </font></center> </td>
</tr>
<tr>
<td> Nama </td>
<td> FAHMI MASHURI </td>
<td rowspan="11"><img src = "fahmi.png" width = "200" ></td>
</tr>
<tr>
<td> Nrp </td>
<td> 1103181001 </td>
</tr><tr>
<td> Setatus </td>
<td> Jomblo </td>
</tr><tr>
<td>Program </td>
<td> D3 </td>
</tr><tr>
<td>Jurusan </td>
<td>TEKNIK ELEKTRONIKA A</td>
</tr><tr>
<td> Tempat tanggal
lahir </td>
<td> JEMBER 28-05-2001</td>
</tr><tr>
<td>Jenis kelamin </td>
<td>LAKI LAKI</td>
</tr><tr>
<td>Agama </td>
<td>ISLAM</td>
</tr><tr>
<td>Alamat </td>
<td> Dusun semboro lor ,
RT/RW 01/024 ,Desa semboro , KEC SEMBORO 68157
</td>
</tr><tr>
<td>Kota Tempat Tinggal</td>
<td> KABUPATEN JEMBER </td>
</tr>
<Tr>
<td> No telp </td>
<td> 081234225506 </td>
</Tr>
</table>0
</body>
</html>
Ada berapa
tambahan deklarasi dan tag dari yang sebelumnya untuk memper indah tampilan yaitu :
- <table border=
"15" style =background-color:POWDERBLUE > yaitu untuk memberi
warna pada baris atau colom tabel
- <center> untuk
memusatkan tulisan.
- <td colspan="3";
Style =background-color:pink> dalam pemberian warna backround dengan setelah
colspan atau rowspan .
Berikut
hasil tampilan dari programnya :
Gimana?
Untuk
mengenal lebih jauh mengenai html. Coba kita membuat program dan
mempraktekkannya dan cobalah dengan tag dan deklarasi yang lain , karena ada
banyak selain yang saya contohkan dan cobalah berkreatif ok!!
Demikian
yang dapat saya sampaikan , mohon maaf apabila ada beberapa kesalahan yang saya
buat dan terimakasih atas kepo kepoinnya ,
No comments:
Post a Comment