Kod asas HTML : Kotak Jadual

By -
Assalamualaikum w.b.t. Hari ni Mya nak berkongsi beberapa kod asas HTML yang boleh membantu menjadikan entri kita nampak lebih kemas. Mungkin ada yang dah tahu. Tapi, memandangkan masih ada antara rakan blogger yang bertanya, Mya buatkan juga entri ni supaya nampak lebih jelas. Manalah tahu, di masa akan datang, akan ada kegunaan lain juga. Kod asas HTML ni termasuklah kotak jadual. Jika ada kod HTML lain yang awak nak belajar, boleh tinggalkan komen. Jom kita mulakan kelas sekarang. Jangan main instagram kat belakang ye.

Kod asas HTML - Jadual

Mya nak mulakan dengan kod kotak jadual kerana ia agak tricky bagi awak yang tak biasa dengan kod HTML. Kalau awak refer kepada mana-mana website, awak akan perasan yang setiap satunya akan sedikit berbeza. Sebagai permulaan, kotak jadual boleh dibuat di dalam HTML dengan gunakan tag <table>. Mari kita main cuba-cuba. Masukkan kod seperti di bawah.
Awak akan dapat hasil seperti dalam gambar kedua apabila awak kembali ke bahagian Compose semula. Bagaimana jika awak nak menambah column, mungkin sehingga column 5? Cuma tambahkan tag <td> dan </td> di awal dan akhir maklumat awak. Contohnya seperti dalam gambar di bawah.
Sudah cuba? Sekarang kembali ke bahagian Compose. Nampak apa perubahan yang berlaku? Macam pakai produk kecantikan pulak. Okey. Untuk tambah column, rasanya awak dah boleh faham. Bagaimana jika nak tambah row? Siapa dapat jawab? Okeylah Mya beritahu saja. Tak perlu bersusah payah. Awak boleh copy dan paste semula kod bermula dari <tr> hingga ke </tr> untuk tambah column baru. Contoh? Ni dia.
Macam mana? Faham dah bagaimana tag <table> , <tr> dan <td> ni berfungsi? Dalam HTML, setiap tag pemula kena ada tag penutup. Sebab tulah wujud tag </table>, </tr> dan </td>. Jangan risau, cuma ikut sahaja cara macam yang Mya ajar dan cuba main dengan coding tu. InsyaAllah, akan lebih faham nanti. Setakat ini dulu. Kalau ada soalan, boleh komen atau emel direct ke mynurulatika@gmail.com. Mya akan cuba bantu.

Comments

  1. Miza TalibAugust 7, 2017 at 3:23 PM

    sebab koding ne lah cm tak jadi sambung sem hebat la mya.

    ReplyDelete
  2. Shalimar YusofAugust 7, 2017 at 3:33 PM

    mungkin 1 hari nk guna nii...save dulu..

    ReplyDelete
  3. niniAugust 8, 2017 at 8:07 AM

    Macam best aje benda coding coding ni..haha

    ReplyDelete
  4. Farhana JafriAugust 8, 2017 at 1:40 PM

    perasan jugak semua coding kena ada tu

    ReplyDelete
  5. Maria FirdzAugust 9, 2017 at 10:20 PM

    masa belajar coding kat U dulu tau, dah tak praktik lupa dah... thanks ingatkan semula coding ni..

    ReplyDelete

Post a Comment

Popular posts from this blog

Bercuti ke Kuala Lumpur lebih menarik dengan Scoot!

By -
Image
Assalamualaikum. Hello hello, semua! Apa perancangan awak semua untuk masa cuti sekolah kali ni? Dah ada plan ke belum? Psstt, datang dekat sikit. Sikit lagi. Sikit lagi. Hah, ni ha, Mya nak share satu berita dengan awak. Awak ada tak plan nak bercuti di Kuala Lumpur? Mya ada airline terbaik yang boleh bawak awak ke Kuala Lumpur dengan selesa. Apa dia? Scoot, of course! Kalau awak tengah cari Scoot flight untuk fly ke KL, awak tak payah cari jauh-jauh. Okay, kenapa tiba-tiba Myamention pasal Scoot ni? Bukan apa, Scoot ni actually pretty cool jugak tau. Mya pun tak pernah guna Scoot flight to Kuala Lumpur bila Mya ada plan balik ke sana, tapi bila member sendiri beritahu pengalaman dia dah try and alami sendiri keadaan dalam Scoot, Mya rasa macam best jugak Scoot ni. So, apa yang menarik sangat Scoot ni? For starters, dia murah. Scoot ni anak syarikat Singapore Airlines, so waktu zaman dahulu kala sebelum dia ditubuhkan, orang-orang besar dalam industri dapat idea yang alangka
Read more

Seleksi makanan Food Truck di sekitar Kuala Lumpur

By -
Image
Assalamualaikum w.b.t. Awak semua buat apa tu di hujung minggu sebegini? Mya seperti biasa, mula menjejaki lokasi lepak dan makan yang menarik dan berpatutan. Tapi, untuk hari semalam, Mya ke Putrajaya untuk menyambut ulangtahun hari lahir kawan baik Mya dengan kawan-kawan yang lain. Nak merancang untuk aktiviti semalam, Mya dan kawan sempatlah ke kawasan food truck di Dataran Wangsa. First time sebenarnya Mya ke kawasan food truck di sana. Selalunya Mya melepak di TAPAK, berhampiran KLCC.  Usahawan Food Truck – satu usaha mengurangkan penjaja haram Satu sebab paling best kenapa Mya suka sangat pergi ke kawasan food truck ni adalah disebabkan seleksi makanan yang ada di sana. Paling mudah, sebab tak perlu pening kepala bergaduh nak makan apa dan di mana. Pergi je kawasan food truck ni, pilihan makanan dari Italian ke Perancis, semuanya ada. Err, French Fries tu boleh dikira Perancis kan?  Pelbagai jenis makanan boleh dicari di kawasan food truck, dari western ke Italian ke m
Read more

Cannis: Virtual World to tops Nasdaq in reality

By -
Image
Assalamualaikum w.b.t. As I have already mentioned in an entry about couple of months ago, Cannis will continuously moving forwards in the world of virtual reality and technologies, along with their investment and involvement in the growing industries of mobile technologies, including films, beauty, medicines and shopping. This, along with the rapid extension of their markets in many South East Asia, lift Cannis to become the most potential future star in Nasdaq. Cannis is the world’s first integrated app that provides consumers with this wide range of App services, live broadcasting, e-commerce, discount shoppings , social networking, short videos, games and payments, can all be found on Cannis App. Cannis is convinced that having Malaysia’s diverse ethnic groups and culture as the starting point, it is easier to expand from South East Asia to the rest of the world.  The Honorary Consul of the Slovak Republic, Tan Sri Datuk Sri Ong Tee Keat said that Cannis has a keen sens
Read more