Easy Step to Earn Money

Tutorial and Article

554 Views

HTML Basic Part 3 (Table 1)

  • Berhubung banyak banget (pdhl cm 3 orang) yg request gimana belajar table lbh lanjut, aku coba buatin deh. Smoga bermanfaat yah ^^

    Table secara sederhana seerti yg aku jelaskan sebelumnya terdiri dr 3 bagian yaitu <table> <tr> dan <td>

    nah skarang aku mau bahas tiap komponen yg ada dalam table

    <table width=”398″ height=”234″ border=”1″ align=”center” background=”http://www.indoupload.com/reg/images/7481Shiva-artwork04.jpgbordercolor=”#FF0000″ cellpadding=”2″ cellspacing=”3″>


    <tr>
    <td bgcolor=”#00FF00″>
    <font color=”#000000″ face=”Verdana” Size=”3″> 1 </font>
    </td>
    <td>
    <font color=”#FFFFFF” face=”Verdana” Size=”3″> 2 </font>
    </td>
    <td>

    <font color=”#FFFFFF” face=”Verdana” Size=”3″>
    3 </font>
    </td>

    </tr>


    <tr>
    <td>
    <font color=”#FFFFFF” face=”Verdana” Size=”3″> 4 </font>
    </td>
    <td>
    <font color=”#FFFFFF” face=”Verdana” Size=”3″> 5 </font>
    </td>
    <td>

    <font color=”#FFFFFF” face=”Verdana” Size=”3″>
    6 </font>
    </td>

    </tr>


    <tr>

    <td>
    <font color=”#FFFFFF” face=”Verdana” Size=”3″> 7 </font>
    </td>
    <td>
    <font color=”#FFFFFF” face=”Verdana” Size=”3″> 8 </font>
    </td>
    <td>

    <font color=”#FFFFFF” face=”Verdana” Size=”3″>
    9 </font>
    </td>

    </tr>


    </table>

    HASILNYA

    1 2 3
    4 5 6
    7 8 9


    Gimana pusing?

    Jangan dung…. ^^

    Liat angka 1-9 yg ada di tiap2 TD?

    Lihat angkanya muncul kan? Nah berarti bisa disimpulkan yg mempengaruhi ISI dari tiap2 KOTAk dalam table ada di TD. Tapi gimana kita bisa mengetahui kotak keberapa yg berisi angka keberapa. Menulis angka sebelum mulai memasukkan isi sebenernya bener2 ngebantu loh ^^

    Penjelasan ttg atribute table

    width = lebar table
    height = Tinggi table
    border
    = Besar Border
    bordercolor=”Nah buat Satona, ini nih yg bis ganti warna border ^^
    align = Posisi table ada di tengah, pinggir kiri apa kanan
    background= Latarbelakang table U mau diisi apaan ^^ Kasih URL gambarnya aja
    cellpadding = Jarak maksimal tulis kiri kanan kalau ga salah
    cellspacing
    = Jarak antar kotak dlm kolom.

    Properti ini jg berlaku untuk TD. jadi kalau U pingin TD U berwarna khusus, bisa tuh diganti juga atributenya.

    Soal penggabungan kolom lanjutin besok yah. banyak2 dlm 1 artikel nanti bikin kalian pusing

    Ada pertanyaan, silahkan tanya aja

    Share and Enjoy:
    • Digg
    • Sphinn
    • del.icio.us
    • Facebook
    • Mixx
    • Google
    • BarraPunto
    • BlinkList
    • Blogosphere News
    • Blue Dot
    • Fleck
    • Furl
    • Reddit
    • Spurl
    • StumbleUpon
    • Technorati
    • TwitThis
  • If you like my post, please Subscribe to this blog by Email or by RSS FEED
    Your Ad Here

    RSS feed | Trackback URI

    17 Comments »

    Comment by SatoNa
    2007-05-23 10:53:16

    wah.. tapi kok si cc border kotak luar ma kotak dalemnya warna nya bisa beda begitu?

    trus backgroundnya dia otomatis masukin n’ motong bawahnya kl ga ada space yah? ngga otomatis di resize biar pas gitu di kotaknya yah?

     
    Comment by admin
    2007-05-23 10:57:06

    Oh.. itu kan antara latar image di tag TABLE dan latar ijo di tag TD. makanya antara Ijo ama image beda. apa aku salah ngerti?

    iyah… kalau BG ukuran 800×600 sementara table 500×400 maka kepotong dg sukses

     
    Comment by Trisna
    2007-05-25 11:22:54

    Hallo Kaze Chan, salam kenal, makasih dah mampir ke blog saya. Blog kamu bagus banget, penuh dengan tips yang bermanfaat, jadi iri nih hiks. Dulu aku pingin seperti kamu, tapi boro-boro … utak-atik blogger aja dah bikin aku mumet :-( jadi aku tulis aja postingan yang aku bisa, dari pada pusing, aku berguru ama Kaze Chan aja ya he3.
    Kalau mau tukeran link boleh aja, kirim aja nama link yang Kaze Chan mau ke email saya (jengtris_06hoki@yahoo.com)nanti saya tambahin di blog saya. Nice to know you.

     
    Comment by admin
    2007-05-25 21:12:46

    @Trisna : ok de. bsk saya coba kirim kalau saya kuat Y\buka yahoo. lg lemooot

    lg dipake buat Downlaod sih

     
    Comment by Naoki
    2007-05-26 01:00:37

    Konbanwa Shirei ^_^. Wahh.., bikin web tentang pemrograman web ya?. Sugee.. ^0^.

    Aku juga lagi bljr ni bikin2 web. Masi ribet banget. Huffh T_T.
    Ano.., Shirei. Minta tulung perjelas bedanya TD ama TR di tabel dun.
    Ama tutorial CSS nya ya diselipin. Yang bagian mana aja boleh ^_^. Terutama yang bisa dipake buat mempercantik tampilan web kalo kita pake PHP.

    Makasi banyak Shirei ^_^..(maap kalo ngerepotin ^_^;).

     
    Comment by admin
    2007-05-26 05:18:28

    ahaha ga sih cc. Ini tentang semua yg aku suka.

    nanti aku coba memperjeas beda TD ama TR sklaligus menjelaskan collspan

    wadoh CSS. kalau cm buat hiasan aku bs. TP kalau buat web full CSS aku bingung juga. wehehehhe

    dicoba deh cc ^

     
    2007-05-26 06:11:16

    [...] yang baru kenal HTML table dan mau baca intronya, harap menuju http://uang.persusi.org/?p=37 Udah aku jelasin basicnya Table [...]

     
    Comment by devga
    2007-05-26 09:44:04

    wah…infonya nge-bantu sekali….meski harus cemot-cemot neh kepala….btw dl emang kul jurusan komp ya…..

     
    Comment by admin
    2007-05-26 09:48:32

    @Devga : Wehehehehe ada lanjutannya tuh kalau masih bingung. Smoga ngebantu ^^

    Aku jurusan ganda. matematika dan Teknik Informatika. Tp soal web ga ada dlm mata kuliah ^^

     
    Comment by Suya Lynx
    2007-05-26 12:32:04

    understood, yg ini suya ngerti ^_^
    yg susah colspan ama rowspan >_

     
    Comment by Suya Lynx
    2007-05-26 12:33:53

    understood, yg ini suya ngerti ^_^
    yg susah colspan ama rowspan
    ttg CSS suya jelasin dikit deh
    CSS itu Cascading Style Sheet yg intinya hanya berisi style yg membuat HTML lbh simple dan ga perlu nulis banyak tag formatting.
    So.. CSS itu membuat kerjaan kita di HTML-ing lbh ringan dan ga ada CSS yg bisa berdiri tanpa HTML atau interpreter lain ^_^

    contoh [ setelah suya hack blog ini, maaf yah kristi :P ]
    suya dapatkan hal sbb

    h1, h2 {
    font-family: “Trebuchet MS”,Arial,Helvetica,sans-serif;
    }
    h1 {
    margin:10px 0px;
    }
    h2 {
    font-size:18px;
    font-weight:normal;
    margin:10px 0px;
    }

    itu artinya setiap tag h1 dan h2 dipakai
    formatting diatas otomatis dipakai tanpa harus menuliskan lagi ^_^

     
    Comment by admin
    2007-05-26 12:34:18

    sono rowspan di selanjutnya

     
    Comment by admin
    2007-05-26 12:35:48

    itulah CSS yg paling sering dipake di luar itu jarang kok. Thx suya

     
    Comment by Suya Lynx
    2007-05-26 12:56:24

    ada kok ya lain ^_^
    suya pake banyak
    .titleblock
    .quote
    .hide
    etc

    apapun bisa dipake
    asal di-define dulu
    ntar pake tag div class

     
    Comment by admin
    2007-05-26 13:11:19

    iyah. tp boiasanya beginner mana pake yg begituan. –;

     
    Comment by Dolly Aswin Hrp
    2007-05-28 08:39:44

    Kalo sekarang sih zamannya css.
    Karena katanya load css lebih ringan daripada table.
    Walopun aku sendiri blum pernah meneliti sampe sana, cuma ya ikut perkembangan zaman aja :)

    Tapi gpp sih belajar table,
    untuk tambah - tambah pengalaman tentang HTML.
    Eh, mbak boleh aku add di blogroll?

     
    Comment by admin
    2007-05-28 08:43:24

    boleh boss. Aku add yah ^^

     
    Name (required)
    E-mail (required - never shown publicly)
    URI
    Subscribe to comments via email
    Your Comment (smaller size | larger size)
    You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

    EntreCard

      Flash Entrecard Dropper

    Search

       

    Top Commentator


    Affiliate

    Best Deal Ads



    Archives


    Most View

    Blog Stat

      logos
      People Online
      eXTReMe Tracker

      BRDTracker Blogarama - The Blog Directory Free Page Rank Checker KampungBlog.com -Kumpulan Blog-Blog Indonesia
      Technorati Profile
      Add to Technorati Favorites





      Marketing Blogs - BlogCatalog Blog Directory
      Tracked by ClickAider

    Best View

      This site Best viewed at MOZILLA FIREFOX 1024 x 768 px
      If you use other browser, maybe you will find error.

      Want to get Firefox FREE to browsing SAVER and FASTER?
      Just click link bellow and install it at your PC


    Subscribe to this Blog

      Enter your email address:

      Delivered by FeedBurner

    Author


      I'm Just young FEMALE who like to sharing knowledge by teaching or make tutorial

      If you have tutorial request or article request, pls feel free to ask me. If I can, I'll make it for you ^^

    Contact Me

    Best Deal Ads

    Great Ads



    Link Partner


    Meta