Cara Membuat Tabel menggunakan script HTML

Hello Guys


Pada kesempatan kali ini, saya ingin berbagi cara membuat tabel menggunakan script HTML.
Berikut codingan yang telah saya buat menggunakan text edit note pad:

<DOCTYPE html>
<html>
    <head>
  <title>Tugas JODIE REALDI
  </title>
</head>
   <body>
<table border=1 align=center width=600>
  <tr>
      <th colspan=3 bgcolor=StaryPurple>Daftar produk</th>
  </tr>
  <tr>
      <td rowspan=4><img src=oppof9.jpg width=200></td>
  </tr>
  <tr>  
      <td bgcolor=blue>Nama Produk</td>
      <td bgcolor=StaryPurple>Oppo F9 Of Gamers Phone</td>
          </tr>
  <tr>   
              <td bgcolor=Red>Harga</td>
              <td bgcolor=TwilightBlue>Rp 3.999.000</td>
          </tr>
          <tr>
      <td bgcolor=StaryPurple>Spesifikasi</td>
  <td bgcolor=TwilightBlue>
    <ul>
            <li>RAM : 4 GB</li>
            <li>Memori Internal : 64 GB , MicroSD : up to 256 GB</li>
        <li>Kamera Belakang Dual: 16 MP (f/1.8, 24mm, 1/2.55", 1.4pm, PDAF) + 8 MP (f/2.0, 12mm, 1/4", 1.12pm),
        <li>Kamera Depan 8 MP, (f/2.0, 24mm, 1/4", 1.12pm), gyro EIS, 1080p</li>
        <li>CHIPSET Snapdragon 845</li>
        <li>Sistem Operasi Android v8.1 OREO (OpppF9 3.0)</li>
        <li>Resolusi 1080 x 2160 pixel,~401ppi</li>
    <li>Gpu adreno 630</li>
    <li>Cpu Octa-core (4x2.8 GHz Kryo 385 Gold & 4x1.8 GHz Kryo 385 Stary Purple)</li>
<li>Baterai Li Ion 3.500 mAh, Fast Charging</li>
        <li>Jaringan 4G LTE Cat 6 300/50 Mbps</li>
            <ul>
        </td>
     </tr>
    <table>

<body>

setelah selesai kalian bisa simpan notepad tersebut dengan nama yang anda inginkan dan tambahkan .html dibelakangnya (contoh: oppof9.html)lalu buat folder baru dan letakan didalam folder tersebut. Jika ingin menambahkan gambar didalamnya kalian harus menaruh gambar di folder yg sama. Dan cara untuk melihatnya dengan menggunakan browser, lalu tulis localhost/nama folder/nama produk.html (contoh: localhost/OPPOF9/produkoppo.html). Berikut adalah contoh gambarnya:

Penjelasan:

  1. <table>: Untuk membuat tabel kaya di MS.excel tapi cara membuat tabelnya menggunakan bahasa html dan di dalam script table terdiri 3 tag yaitu : th, td, dan tr.
  2. <td>: Kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell.
  3. <tr>: Kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel.
  4. <th>: Kepanjangan dari table heading, digunakan untuk membuat judul sebuah table seperti No, dan nama. biasanya di tanda dengan hurufnya menjadi bold seperti contoh table di atas.
  5. <ul>: Menunjukan sebuah unordered list atau daftar acak.
     6.<li>: Menunjukan tingkatan daftar atau list yang bersarang.


Itulah salah satu contoh cara membuat tabel menggunakan script HTML. Semoga Bermanfaat. 

Komentar

Posting Komentar

Postingan Populer