Blogger templates

Sabtu, 09 Mei 2015

Cara membuat tabel data mahasiswa menggunakan bahasa HTML



Hallo para khalayak :D
Jika kalian membaca postingan ini,berarti anda sudah mengetahui apa itu teknologi.
Akan tetapi jika hanya menggunakan jasa nya saja ibarat "Pintar naik motor tapi bodoh saat naik sepeda".
Maka dari itu saya ajak para omnivora yang membaca ini untuk belajar bahasa dasar pada program,Salah satunya adalah bahasa HTML.Apa itu HTML?? cari postingan di blog ini apa itu HTML :D

Prosesnya:
1.Bukalah Notepad atau Notepad++        .
2.Buat Folder dengan nama bebas(Simpan terserah anda dimana).
3.Ketik contoh script berikut (script membuat tabel data mahasiswa.)
<html>
<head>

<p>Oleh    : Fuad Hanif Hidayat </p>
<p>Kelas   : 2 A</p>
<p>Jurusan : Teknik Informatika</P>
<p>NPM            : 1410128262172</p>
<center><table border="1">
<tr>
                        <td>No.</td>
                        <td><center>NPM</td>
                        <td><center>Nama</td>
                        <td><center>Jurusan</td>
<col Style="Background-color:blue">
</tr>
<tr>     <td><center>1</td>
                        <td>141019202941824</td>
                        <td>Akainu Sakazuki</td>
                        <td>Teknik Informatika</td>
<col Style="Background-color:green">
</tr>   
<tr>     <td><center>2</td>
                        <td>141019202934525</td>
                        <td>Aokiji Kuzan</td>
                        <td>Teknik Informatika</td>
<col Style="Background-color:red">
</tr>   
<tr>     <td><center>3</td>
                        <td>141019241111111</td>
                        <td>Rayleigh</td>
                        <td>Teknik Informatika</td>
<col Style="Background-color:yellow">
</tr>
<tr>     <td><center>4</td>
                        <td>141019222222222</td>
                        <td>Bartolomew</td>
                        <td>Teknik Informatika</td>
<col Style="Background-color:pink">
</tr>               
<tr>     <td><center>5</td>
                        <td>1410192044444444</td>
                        <td>Doflamingo</td>
                        <td>Teknik Informatika</td>
<col Style="Background-color:grey">
</tr>
<tr>
</table>
<body bg background="8.jpg">
</body>
</html>

(*Pada warna hitam angka 8.jpg,adalah cara untuk membuat gambar background tampilan)

4.Simpan script diatas dengan tipe format HyperText Markup Language(*.HTML)

5.Biasannya dalam 1 folder berisi:


6.Dan hasil jadi script tersebut jika di buka dengan Mozilla akan menjadi :




Demikian postingan tentang contoh HTML.jika program di atas tidak berjalan maka menandakan dia tidak punya kaki :D.Silahkan berikan komentar untuk memperbaiki ilmu saya :D

2 komentar: