Assalamualaikum wr. wb,

Aaaaaaaaaloooo kawannnn. Balik neh  karo aku Rizky X Bomel dari kelas 1 D3 Elka A. Pie kabarmu kabeh rekk? Sehat toohhhh? Alhamdulillah, tak dungakno sehat kabeh rekk, saiki usum e virus corona rekk, dadi seng pinter pinter jogo kesehatan yaaaa.

Kali ini kita akan belajar untuk membuat TABEL dengan html. Pada materi TABEL ini, kita akan bertemu beberapa istilah baru, yaitu :

  • border, yaitu ketebalan garis luar TABEL
  • width, yaitu lebar TABEL, bisa dalam pixel maupun persen (%)
  • tr atau table row adalah baris pada TABEL yang terdiri dari table data
  • td atau table data adalah untuk mengisi data pada TABEL
  • colspan, yaitu untuk me-merge-kan kolom
  • rowspan, yaitu untuk me-merge-kan baris
  • align, yaitu untuk mengatur rata
  • img src, yaitu untuk menampilkan gambar pada html

yang penting dalam materi ini, yaitu img src. img src adalah sebuah command untuk menampilkan gambar. img di sini sebagai elemen yang mau ditampilkan, yaitu image atau gambar, sementara src di sini adalah atribut yang menjelaskan lokasi gambar yang mau ditampilkan. Cara menulisnya adalah seperti ini

<img src=”Gambar.jpg” >

GAMBAR.jpg adalah nama gambar yang ingin ditampilkan. Perlu diingat bahwa gambar yang akan ditampilkan harus satu folder dengan file html-nya, atau letakkan di htdocs

Langsung saja kita ke programnya yaa kawann:

<html>  

  <head>  

      <title>tabel</title>    

</head>

    <body>    

    <table border=’1’width=’1000′>       

     <tr>           

     <td colspan= ‘3’ align= center font style=”color: palevioletred;” bgcolor=’black’><font size = 5 >BIODATA</td>     

       </tr>
            <tr>                

<td colspan=’3’align=’center’bgcolor=’pink’>   

                 <img src=bomel.jpg width=45%>                </td>    

        </tr>
            <tr>              

  <td align= center font style=”color: palevioletred;” bgcolor=’black’>

<font size = 5 > Nama</td>             

   <td coolspan=’2′ align=center bgcolor=’pink’><font size = 5 > Muhammad Rizky Farizal Alam</td>            </tr>          

  <tr>       <td align= center bgcolor=’pink’>

<font size = 5 > NRP </td>                

    <td coolspan=’2′ align=center font style=”color: palevioletred;” bgcolor=’black’>

<font size = 5 >1103191007</td>            </tr>       

     <tr>                    <td align= center font style=”color: palevioletred;”bgcolor=’black’><font size = 5 >Kelas </td>        

            <td coolspan=’2′ align=center bgcolor=’pink’><font size = 5 >1 D3 EA</td><br><br>          

  </tr>
        </table>  

  </body>

</html>

lalu hasilnya seperti ini kawann:

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Sekian dulu ya artikel dari sayaa kawan, terimakasihhhhh