Cara HTML: Membuat Tabel pada Website

Hi sobat Cawan :3 Berjumpa kembali pada kesempatan kali ini kita akan membahas mengenai cara membuat tabel pada halaman website yang ingin kita buat. Sebelum memulai, terlebih dahulu terdapat beberapa yang harus anda persiapkan, yaitu:

  1. Niat
  2. Laptop atau Komputer
  3. Visual Studio Code
  4. Browser
  5. Foto mantan
  6. 2 permen sugus

Hal yang harus diperhatikan ketika hendak membuat tabel pada html yaitu penggunaan tag <table>……</table> yang kemudian diantaranya diberi tag <tr>……</tr> untuk membuat row dan <td>….</td> untuk isi datanya.

Contoh penggunaan dari tag tersebut saya contohkan dalam pembuatan biodata

<html>
<head>
    <title> Biodata 004 </title>
    <body>
        <center>
        <h1>PENS JOSS</h1>
        <table border=1>
        <tr>
            <td colspan=3 align=center>BIODATA</td>
        </tr>
        <tr>
            <td>Nama </td>
            <td>Muhammad Iqbal Millyniawan Pradana</td>
            <td rowspan=8 align=center><image src= capture.png width=150 heigh=200></image></td>
        </tr>
        <tr>
            <td>Tempat Tanggal Lahir</td>
            <td>Malang, 14 Mei 2000</td>
        </tr>
        <tr>
            <td>NRP</td>
            <td>1110181004</td>
        </tr>
        <tr>
            <td>Program Studi</td>   
            <td>D4</td>
        </tr>
        <tr>
            <td>Jurusan</td> 
            <td>Teknik Elektronika</td>
        </tr>
        <tr>
            <td>Kelas</td>
            <td>1 D4 EA</td>
        </tr>
        <tr>
            <td>Alamat</td>
            <td>Jl. Marabahan 5 no. 8 GKB, Suci, Manyar, Gresik</td>
        </tr>
        <tr>
            <td>No. Telepon</td> 
            <td>08974688360</td>
        </tr>
        </table>
        </center>
    </body>
</hmtl>

Yang nantinya akan menampilkan gambar seperti dibawah ini.

Sekian pembahasan kita mengenai cara membuat tabel pada halaman website. Semoga bermanfaat, salam cawan :3

Tinggalkan komentar