HTML Background

No Comments

HTML Background dibagi menjadi dua :
  • HTML Background dengan color/warna.
  • HTML Background dengan image/gambar.

    HTML Background dengan warna

    Misalkan kita memiliki kita ingin memberikan background warna pada elemen tabel :
     
    <table>
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
     
     Maka kita tambahkan attribut bgcolor="red" pada tag seperti berikut :
    <table bgcolor="red">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
     Buktikan sendiri :

     HTML Editori
     
    <table bgcolor="red">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
     

    Dengan CSS :


    Kita tambahkan style="background-color:red" pada tag pembuka table.
     
    <table style="background-color:red">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
     HTML Editori  
     
    <table style="background-color:red">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
     

    HTML Background Image

    Kita tetap akan menggunakan kode seperti di atas.

    Tanpa CSS 


    Kita tambahkah dalam tag <table> dengan background:"http://codingku.com/html/img/pattern.gif"

    <table background="http://codingku.com/html/img/pattern.gif">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
    HTML Editori 
     
     <table background="http://codingku.com/html/img/pattern.gif">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     

    Dengan CSS

    <table style="background-image:url('http://codingku.com/html/img/pattern.gif')">
    <tr>
    <td width="100" height="100">
    </td>
    </tr>
    </table>
     
     

Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you.