HTML : Html Dasar Menyisipkan Gambar dan Membuat Table (Part 2)

 Assalamualaikum wr.wb

      Pada kesempatan kali ini saya ingin membagikan bagaimana caranya membuat tabel html dan menyisipkan gambar di web statis.

Contoh menyisipkan gambar :

Save htmlnya lalu buka,maka akan muncul gambar di bawah ini.

dalam menyisipkan gambar kita gunakan
<img src="Gambar logo.png width="104" height="142">

keterangan :

• img       : berisi atribut saja
• src        : menentukan URL(alamat web)dari gambar
• png       : adalah salah satu format gambar
• width    : untuk mengatur tampilan lebar gambar
• height   : untuk mengatur tampilan tinggi gambar 

Contoh membuat table :

Save htmlnya lalu buka,maka akan muncul gambar di bawah ini.

keterangan :

• <table>...</table>  : adalah tag untuk membuat table
• border                     : untuk mengatur seberapa tebal table
• width                       : untuk mengatur lebar table
• <tr>...</tr>            : untuk membuat baris dalam table
• <td>...</td>           : untuk membuat kolom dalam table

kalian bisa menambah warna pada table kalian dengan tambah tag bgcolo="(tag warna)" dan bisa memberi warna pada text dengan tag <font color="(tag warna)">
Contoh htmlnya untuk menambah warna :

 
Save htmlnya, lalu buka maka akan muncul gambar di bawah ini.

Sekian dari saya, selamat mencoba dan semoga bermanfaat.

Waalaikumsallam wr.wb

SHARE:

 Posted by : vivin rahayu

 Add Comment

Kamis, 03 Agustus 2017