membuat tabel identitas menggunakan HTML

Hy semua apa kabar hari ini ? baik? alhamdulillah
jangan bosen bosen ya belajar ngoding , karena hal itu seru lho , ok kali ini kita kan membahas cara membuat ini

penasaran kan ,  oke mari kita mulai . 

  untuk aplikasi nya tetap menggunkan visual studio code ya, nah untuk programnya , pasti ada istilah istilah terbaru, tenang tetep aku jelasin kok , ok ini programnnya :

<!DOCOTYPE html>
    <head>
    <title> Tabel Biodata </title>
    </head>

    <body>
    <table align=center border="3" style="background-color:lavenderblush">
    <tr>
        <td colspan="3" style="background-color: lavender"><center><h2><font color=black>Daftar Mahasiswa PENS</font></h2></td>
            </tr>
            <tr>
                <td>NRP : </td>
                <td>1103181056</td>
                <td rowspan="7"><img src=jass.jpg width="150"></td>
            </tr>
            <tr>
                <td>Nama : </td>
                <td>Febrianti eka suci</td>
            </tr>
            <tr>
                 <td>Kelas : </td>
                 <td>1 D3 Elektronika B</td>
            </tr>
            <tr>
                <td>Tanggal lahir : </td>
                <td>28-02-2000</td>
            </tr>
            <tr>
                <td>Tempat lahir : </td>
                <td>Blitar</td>
            </tr>
            <tr>
                <td>Jenis_kelamin : </td>
                <td>Perempuan</td>
            </tr>
            <tr>
                <td>Warga : </td>
                <td>WNI</td>
            </tr>
            <tr>
                <td>Agama : </td>
                <td>Islam</td>
            </tr>
            <tr>
                <td>Golongan_Darah : </td>
                <td>AB</td>
            </tr>
                <td>Alamat : </td>
                <td>Kamulan, Kec. Talun , Kab. Blitar, Jawa Timur</td>
             </tr>
            <tr>
                <td>Notlp : </td>
                <td>081358787066</td>
            </tr>
            </table>
    </body>
</html>

penjelasnya : 

1. <table> adalah tag yang wajib di tulis atau di gunakan saat ingin membuat tabel 
2. align sebagai penentu letak posisi tabel 
3. center menunjukkan letak tabel atau tulisan  di tengah halaman 
4. broder untuk memberikan jumlah garis tepi dari tabel 
5. style digunakan untuk membuat gaya pada tabel atau halaman 
6. background-color digunakan untuk mengatur warna background tabel
7. <tr> singkatan dari table row , digunakan untuk membuat baris dari tabel
8. <td> singkatan dari table date, digunakan untuk mengimput data ke tabel 
9. colspan untuk menggabungkan kolom
10.rowspan untuk menggabungkan baris
11. font color untuk memberi warna pada teks 
12. <img> untuk menginput gambar 
13.  src pada tag <img> berguna untuk menentukn letak lokasi foto yang di  pilih, dalam hal ini di usahakan foto diletakkan satu lokasi penyimpanan dengan program
14. width dan height untuk mengatur lebar dan tingginya foto
15. jangan lupa juga aturan tag html yang sudah aku jelaskan di metri sebelumnya 

   Membuat Local Host HTML 

nah untuk hal ini , kalian harus menginstall aplikasi Xampplite , dimana aplikasi ini merubah html yang offline menjadi web online . 
oke akan aku jelaskan tahapan tahapan nya :
1. Buka aplikasi Xampplite , lalu atur sesuai  gambar dibawah ini 


2. setelah itu simpan program ke dalam folder htdocs 



3. Buka web browser lalu ketik localhost/ nama folder atau file, maka akan muncul gambar seperti dibawah ini 

4. Pilih File yang akan kamu buka .


Bagaimana materi hari ini? cukup membantu bukan. oke sekian materi hari ini, tetep semangat untuk belajar ... :) jaa nee... 


Komentar

Posting Komentar

Postingan populer dari blog ini

looping FOR dalam PHP

Gambar
hay hay hay para readers kali ini aku mau berbagi imu baru nih ..  yups hari ini kita akan membahas looping for... Sintaks statement FOR adalah sebagai berikut for (variabel = nilaiawal; variabel operatorlogika nilaiakhir; increment) { Proses yang diulang } Variabel yang digunakan pada FOR di atas, dinamakan variabel counter atau pencacah. Contoh: Script berikut ini akan menghasilkan teks heading mulai dari heading 1, 2 s/d 5. <?php $teks = "Hello World"; for ($a = 1; $a <= 5; $a++) { echo "<h".$a.">".$teks."</h".$a.">"; } ?> Hasil output di atas adalah: nah bagaimana dengan for didalam for? for didalam for sering disebut dengan( nested FOR) contohnya seperti ini  <?php for ($a = 1; $a < =3; $a++) { for ($b = 1; $b <= 2; $b++) { echo "Nilai a = ".$a. " Nilai b = ".$b. "<br />"; ...
Baca selengkapnya

Apa sih perbedaan Write dengan WriteLine dalam C#

Gambar
assalamualaikum wr wb hy para readers apa kabar kalian hari ini? siap menerima materi baru ? hari ini masih membahas pemrograman C# , masih ingatkan dengan artikel kemarin, nah ini seri keduanya untuk kali ini aku ingin menjelaskan tentang perintah Write dan WriteLine, apa perbedaan dari kedua perintah tersebut, nah penasaran kan, ayo mulai belajar Untuk pemograman C# yang paling dasar adalah menggunakan Write dan Write Line. Keduanya memiliki perbedaan yaitu , Write adalah perintah yang di gunakan untuk menampilkan karakter yang ditulis, sedangkan WriteLine adalah perintah yang di gunakan untuk menampilkan karakter yang di tulis tetapi dalam bari yang lain. Untuk contohnya sebagai berikut 1. untuk perintah Write 2. untuk perintah WriteLine  nah sekarang sudah tau perbedaan kedua nya, dan untuk yang terakhir pemograman tentang membuat biodata, perhatikan gambar di bawah ini  Oke cukup sekian materi hari ini, aku harap materi hari ini bermanfaa...
Baca selengkapnya

Cara menghitung Kecepatan dan Luas dalam C# (C Sharp)

Gambar
assalamualaikum wr wb hy para readers apa kabar kalian hari ini? semoga tetep semangat menerima materi baru. Kali ini  masih membahas pemrograman C# , masih ingatkan dengan artikel C# yang lalu , nah ini seri ketiganya atau kelanjutannya. sekarang aku akan menjelaskan apa itu perintah Read, ReadLine, ReadKey, dan juga bagaimana membuat program penghitung Kecepatan, Luas Pesergi dan Luas segitiga dalam program C# menggunakan Visual Studio 2012 Untuk pemograman C# yang paling dasar selain menggunakan Write dan WriteLine  adalah menggunakan Read, ReadLine, dan ReadKey . nah akan aku jelaskan satu satu tentang perbedaan ketiga perintah tersebut. 1. Perintah Read Perintah Read adalah perintah untuk memasukkan karakter input dalam suatu program. tetapi untuk hasilnya terkadang berbeda dengan yang diinginkan terutama penggunaan perintah Read dalam data tipe String . contohnya seperti di bawah ini 2. Perintah ReadLine Perintah ReadLine sama seperti Read, yaitu perintah...
Baca selengkapnya