HTML Dasar : Table Merging (11/13)
ฝัง
- เผยแพร่เมื่อ 11 ก.พ. 2015
- Menggabungkan / merging cell pada tabel di HTML tidak semudah ketika kita melakukannya pada misalnya aplikasi Microsoft Word atau Excel. Pada HTML kita harus menggunakan atribut colspan dan rowspan.
Yuk, caritau gimana penggunaannya di video ini.. :)
--
DOWNLOAD SLIDE:
www.slideshare.net/sandhikagal...
---
Jangan lupa untuk follow juga akun media sosial kita yang lain :
- / webprogrammingunpas
- / pw1unpas
- / webprogrammingunpas
terimakasih dan selamat #ngoding!
@sandhikagalih
Naruh latihan diakhir, buat pemula ini cocok pak. Biar bisa langsung ngotak! I Like It
saya sempat pusing nyelesaian tugas pak dosen yang satu ini, tidur saya gak nyeyak klo belum selesai. tapi saya coba2 akhirnya bisa juga. terimakasih pak sandika
Terima kasih banyak ilmunya Pak Dhika, sangat bermanfaat sekali untuk yg ingin belajar mandiri dahulu, semoga Pak Dhika selalu diberi kesehatan & keberkahan, aaamiin
Table Angka 1
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
tengkyu bro, muter muter dari tadi
makasih mas, bingung, dan baru ngrj bisa di gabung
Mksih bnyk bng...🙏🏼🙏🏼
hasil latihannya: baris 2 data 2,2 & 2,3 dihapus, kemudian baris 3 data 3,2 & 3,3 dihapus, terus di baris 2 antara data 2,1 & 2,4 tambahkan data : ?.
btw terimakasih ilmu nya pak, saya baru mulai nih untuk jadi FrontEnd Developoer
Wkwk, terimakasih
thanks bang
Tapi, tanda tanya nya berada di tengah gimana caranya kang?
@@Didik_Madhuswara tambahin atribut align="center" kang
Suatu kebanggaan tersendiri nyelesain tugas dari Pak Dhika hanya 5 menit, penjelasannya gampang dipahami, makasih Pak Dhika 🙏🙏😁
Dah searching kemana-mana, akhirnya nemu tutorial belajar HTML bagi pemula..
Penjelasannya singkat, padat, jelas, dan Yang terpenting Mudah Dimengerti
Terimakasih Banyak atas ilmunya Pak, BERIKUT KODE HTML YANG SAYA BUAT:
Table
Latihan Membuat Tabel
Contoh Tabel Biasa
Baris 1 - Kolom 1
Baris 1 - Kolom 2
Baris 1 - Kolom 3
Baris 1 - Kolom 4
Baris 2 - Kolom 1
Baris 2 - Kolom 4
Baris 3 - Kolom 1
Baris 3 - Kolom 4
Baris 4 - Kolom 1
Baris 4 - Kolom 2
Baris 4 - Kolom 3
Baris 4 - Kolom 4
Contoh Tabel Kompleks
JADWAL ADZAN SHOLAT FARDHU
Shubuh
Dhuhur
Ashar
Maghrib
Isya'
Senin
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
Selasa
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
Rabu
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
Kamis
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
Jumat
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
Sabtu
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
Ahad
Muhammad
Muhammed
Mohammed
Ahmad
Ahmed
keren banget bang table yah.
Bjir apaan ini banyak banget KK,btw kakak kuliah?
Seharian liat tutorial html ini, cuman bagian tabel ini saya ulang-ulang nontonnnya biar paham. dan akhirnya bisa kerjain soalnya. Makasih mas sandhika. Seneng banget bisa belajar html di setiap videonya.
1,1
1,2
1,3
1,4
2,1
Gak ada
2,4
3,1
3,4
4,1
4,2
4,3
4,4
ahaduhh legahh , ada juga contohnya makasih bang
Alhamdulillah paham saya liatccontoh ini makasih banyak bang
aah gak seru bang ada di komen, rupanya boleh digabung ya rowspan sama colspan nya
mantap terimakasih bang
Haduuh lamanya berpikir ternyata bisa di gabung yaahh
wanjirr gw dah ampir nyerah di table wkkww, pdhal sisa garis tepi di tengah nya doang masi ada wkwkkw , pas iseng liat komen yt di td ke 2 sama 3 nya di hapus ternyata , dan td gw yg ke 2 masi ada pantes garis nya masi ada
done
sehat selalu &
barokah manfaat mas sandhika latihannya berhasil,
1,1
1,2
1,3
1,4
2,1
KOSONG
2,4
3,1
3,4
4,1
4,2
4,3
4,4
mas kok attribute tabelnya pake th ya, bukan pakai td ?
@@torkishalomoan7875 Bantu jawab, biar tulisan lebih tebal seperti di video
kenapa gk pakai bro?
@@torkishalomoan7875 th untuk header bro
th itu coding untuk tabel lengkap kayaknya, seperti penjelasan sebelumnya,,, maaf kalau salah.. he...
4:55
Terimakasih! pak Sandhikagalih
Sya dari th 2020 telah Menyelesaikan Latihan nya, sebelumnya sehari masih blom bisa nyelesainnya mentok²nya esok hari nya saya dapaet pandangan saat ingin hari ini harus selesai ternyata saya bisa nyelesain latihannya.
yes padahal saya pemula banget html tapi langsung bisa dan ngerti.. makasih banyak pak sandika galih..!!
latihan tabel
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
tugas latihan pemrograman web html
walaupun videonya di publis 2015 lalu, saya tetep ga mau ketinggalan ngerjain tugas dari bapak. thanks pak dika. ini lampiran tugas saya :D
Table
1.1
1.2
1.3
1.4
2.1
?
2.4
3.1
3.4
4.1
4.2
4.3
4.4
Keren
@@mplengsangrai9834 hihi thanks yaa
wkwkwkwk latihannya ngeri mas bro..., dari pagi nongkrongin channel ini... akhirnya sudah di nomer 11...
👍
Jawaban soal menit 5:00
-Buat tabel mirip tabel2, cuma tambah jadi 4x4.
-Hapus td |2,2| |2,3| |3,2| |3,3|
- Tambah
dibaris ke 2, kolom 2 dan 3
makasih bang
makasih banggg :D gw sempet pusing ngerjainnya
Maaf kak, saya kok ga mau ya...?? Pikiran saya jg sama kyak kakak... Tp pas eksekusi jd beda..
Makasih banget bang 😅
- Tambahan jika ingin menyesuaikan ukuran font dan rata tengah karakter bisa menggunakan ?
udh smpe sini, ak kuliah pendidikan agama Kristen. Tapi gabut pengen bisa programming khususnys web developer. Bayar SKS nya nonton iklan:v
Terima kasih atas ilmunya Pak, setelah saya bertanya-tanya ke teman agar bisa buat web dengan HTML, akhirnya di rekomendasikan untuk menonton channel bapak karena penjelasannya sangatsingkat, jelas, dan mudah diapahami.
berikut Syntax latihan yang sudah saya kerjakan:
Belajar HTML Raihan
Tabel Belajar
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
Alhamdulillah, makasii Pak Galih,
berkah ndalem
Latihan Colspan Rowspan
1,1
1,2
1,3
1,4
2,1
YOSH
2,4
3,1
3,4
4,1
4,2
4,3
4,4
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
agak bingung tadi, giamana caranya biar "?" ke tengah, jadinya nyontek komen, ternyata cuma pakai hadeh,,, saya lupa pelajaran dasar, huhuhu /sad
bisa aja di tag tablenya ditulis ini:
/*mengatur seluruh teks pada tabel menjadi rata tengah */
itu pakai css btw, tutornya ada di playlist CSS di channel ini.
cara adjust ukuran cell nya gimana ya? saya cell nya masih square bukan persegi panjang kayak di video
Ga usah pakai center juga ketengah bang, kan tr di baris ke tiga nya juga udah kita atur cuma ada 2 td, dan posisi td yang ada colspan dan rowspannya sudah ada di posisi baris ke 2 dan berada di tengah², automatis dia akan menengah sendiri
Waa makasii
mantaappp
Terimakasih pak, saya berhasil mengerjakan latihannya pak
Semoga chanel ini kedepannya semakin bermanfaat
Terimakasih yaa pak atas bimbingannya walaupun saya masih smp kls 2 udh bljd ini saya paham klo bpk yg jelasin
Kuncinya teliti dan dengerin instruksi, aaa suka banget belajar ini. Kenapa baru tau sekarang 🥺
baru belajar sekarang tapi lumayan cepet ngertinya, emang bang shandika the best
ini hasil latihan saya :
membuat table
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
Yeahh aku bisa mengerjakan pr nya walau butuh waktu kira2 6.53 menit 😅.. sekarang aku udah paham mengenai pembuatan tabel.. thanks bang atas ilmu dan juga penjelasannya..:)
Terimakasih banyak untuk kerja kerasnya dalam berbagi ilmu pak shandika :)
Setelah percobaan yang lama akhirnya latihan nya selesai pak
alhamdulillah 1x praktek langsung sukses, awalnya tghnya kosong dan posisi text pd tabelnya enggakbdi teh , sy modif lagi dan amati tiru modifikasi dari jawaban punya temen" yg ada disini trmakasih hari ini saya belajar banyak
latihan 1 table
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
yeah latihannya berhasil dalam 2 kali percobaan wkwkwk
seru bgt
Alhamdulillah pak dari perasaan saya yang ingin tau ini membuahkan hasil makasih banyak , semoga amal jariyah :)
belajar tentang table
1,1
1,2
1,3
1,4
2,1
alhamdulillah
2,4
3,1
3,4
4,1
4,2
4,3
4,4
alhamdulillah kaget ya percobaan pertama langsung berhasil haha bener bener mantep manfaat ilmunya, ringan penjelasannya, sehat teruussss!
Pertama nya gak bisa, akhirnya coba² liat komentar, ternyata sintaks nya sama,, pas dicoba lagi eh baru bisa :D,, Ditunggu Playlist Back End Developer nya Pak :)
terima kasih kk untuk pembelajaran HTML ini.... penjelasannya sangat mudah untuk mengerti....suskses selalu buatmu kk admin
Makasih pak berkat anda saya jadi lebih mahir menggunakan html. berikut code latihan yang saya buat dengan lebih simpel
table 7x7
1,1
1,2
1,3
1,4
1,5
1,6
1,7
2,1
2,4
2,7
3,1
3,4
3,7
4,1
4,2
4,3
4,4
4,5
4,6
4,7
5,1
5,4
5,7
6,1
6,4
6,7
7,1
7,2
7,3
7,4
7,5
7,6
7,7
ini tanpa tag align yaa, hanya menggunakan 2 tag colspan dan rowspan
saya hanya bisa sampai setengah, saya bingung saat mencari untuk letak 2,4 dan 3,4 jadi saya memutuskan untuk melihat komentar, setelah belajar dari org yang berhasil dikomentar saya baru mengerti, memang tidak cepat paham tapi terima kasih ilmunya.👍
hampir 4 jam lebih latihannya saya ulang akhirnya bisa juga
makasih Pak Dika, atas ilmu yang sangat bermanfaat ini.
Mantap pak ilmunya, terimakasih banyak.
saya jadi semangat belajar html, cara penerangan/ penjelasan materi nya juga mudah di pahami.
dan di akhir materi pun ada latihan untuk menguji pemahaman mengenai materi.
jadi bagi yang pemula, yhaa REKOMENDED chanel ini.
Sip lah
akhir nya bisa juga pr yang di kasi pak dosen walapun aku masih kelas 1 smk heeh termakasi pak atas jasa jasa mu #adaiklannoskip
saya sudah coba kang. tabelnya hampir mirip..
terimakasih tutornya bang
Maaf karena terlambat 8 tahun ngumpulin tugasnya, Pak 🙏🏻😅
Berhasil dalam sekali coba ..
1, 1
1, 2
1, 3
1, 4
2, 1
?
2, 4
3, 1
3, 4
4, 1
4, 2
4, 3
4, 4
Terima kasih~
Aku bisa ngerjain latihan dari bapa, seneng banget rasanya. Makasih banyak ya pa atas ilmunya. kodingannya ini pa :
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
Oh iya pa, untuk membuat kotak tersebut berada persis di tengah-tengah gimana caranya ya pa?
sama bingung juga saya baru bisa memindahkan kotak ke tengah namun tidak persis di tengah page dengan menambahkan
style="margin-left: auto;margin-right: auto;"
thanks bang sandika galih semoga makin banyak ilmunya
sangat bermanfaat saya cuma gabut belajar ini semoga berguna di masa depan amin
Mantap Pak Andhika saya calon maba TI suka banget sama video-video tutorialnya. Mudah dipahami. Thanks Pak.
Latihan Tabel
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
iyaaa
Assalamualaikum pak, saya mau mengumpulkan latihannya :)
Latihan Table
Latihan table
ini adalah latihan table
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
Sebelumnya terimakasih Saya selesai setelah menambahkan tag center, kalau boleh tau nemu tag dari mana yah?🙏🏻
@@fertins0597 mungkin udah ada basic, tapi mudahnya pakai align="center" saja.
?
pak guru emang hebar joss pokoknya ngasih ilmu
Gurunya programer di dunia maya "TH-cam" Makasih mas bro ilmunya.
sangat bermanfaat sekali pak terimakasih atas edukasinya (y)
Pokoknya kalo udah rowspan="2" sama colspan="2" dibaris kedua, yang barus ketiga tinggal kasih Cell buat 3.1 sama 3.4
Akhir nya bisa juga setelah otak atik.. sungguh perjuangan
TY mas saya lagi mengikuti kelas belajar anda dari nol sangat membantu saya
pas dikasih latihan,awalnya satu2,jadi rowspan abis 2,1 colspan nya di bawah rowspan.
pas ku coba,kok malah aneh..trus ku lanjutin videonya,dan ternyata di kasih tips buat gabungin rowspan dan colspan secara bersamaan,dan akhirnya ku coba dan akhirnya berhasil.😄
Hatur nuhun mugia manfaat elmu na
Makasi yaa ilmunya bg, mudah-mudahan sehat selalu dan dimudahkan segala urusan Aamiin..
sempat nyoba naroh colspan dan rowspan di setiap kolom, memperhatikan pola tabel, akhirnya dapat kesimpulan, ternyata sangat simpel. hanya menambahkan atribut di baris 2, dan menhapus 2 kolom di baris 3.
1,1
1,2
1,3
1,4
2,1
selesai
2,4
3,1
3,4
4,1
4,2
4,3
4,4
terima kasih pak guru karena sudah berbagi ilmunya
terimakasih pa dosen, sempet bingung nentuin udh kegabung tengahnya ehh cols dua duanya ditambah rows ngaco akhirnya ketemu juga lumayan sih 7mntan -_-
oalah udah paham setelah berkali kali nyoba
dan sempet nyoba juga buat jadiin satu 3,3 3,4 sama 4,3 4,4
dan works
wkwkwkwk makasih pak dika atas ilmunya
yang kali ini gw nonton video mas sandika dengan sangat serius cuma gegara latihan bikin tabel tengahnya bolong
beberapa jam utak atik akhirnya ktmu juga. terima kasih pak dosen atas ilmu nya.. semoga sehat terus pak biar bisa bagi2 ilmunya. bisa minta tolong minta rekomendasinya pak kelas OL yang premium biar bisa nambah lagi ilmunya. saya masih benar2 pemula di dunia programing. terima kasih
Thanks mas,, sangat bermanfaat, Tuhan memberkati
Haduhh, pak. Susah juga ya.
Awalnya, saya bingung ngebedain baris sama kolom, heheh. Kelamaan mikirin perbedaan keduanya.
Sebelumnya, ada niatan buat Google, sih, eheheh. Tapi, kalau kebiasaan nyontek, mah, agak gimanaa, gitu.
Saya paksain aja otak saya buat mikir keras. Yaa, dan akhirnya bisa juga, walaupun, si "?" tempatnya gak ditengah. Saya lupa kalau harus pake "align", wkwk.
Semangat abang-abang sekalian. Juga, sehat selalu, pak.
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
thx
terimakasih bg pelajaran nya mudah di mengerti😊
judul halaman web
1,1
1,2
1,3
1,4
2,1
colspan2
2,4
3,1
3,4
4,1
4,2
4,3
4,4
saya telah membuat latihan yang anda suruh
Pas nemu jalan keluarnya sendiri, seneng bgt😂 makasih pak ilmunya
terimakasih mas ilmunya bermanfaat 🙏🙏
Terima kasih atas ilmnya pak saya sdah bisa menyelasaikan tgas yang telah bapak berikan
Ntap dah.. Makin semangat kalo di kasi tugas 😂😂
Alhamdulillah pak kurang dari 10 menit saya bisa menyelesaikan nya 🙏🙏
latihannya awal susah, tapi dicoba beberapa kali bisa juga
makasih bang
Mantap Kang. Dikasih latihannya saya suka.
Latihan akhir ketemu dalam 3 menit, mantap pak😁
Terima kasih materi nya Pak Sandika, sebenarnya bisa menyelesaikan latihan dalam 2 menit.. karena awal langsung pause waktu diberi latihan tanpa menunggu TIPS jadi nya lama selesai 😷
mantap banget pak, dan terimakasih banyak juga telah diberi latihan di akhir sesi pelajaran, tapi saya masih bingung cara buat kotaknya melebar ke kanan seperti itu, dan ini adalah jawaban latihan dari yang saya pelajari dari video bapak :
1,1
1,2
1,3
1,4
2,1
kolomnya di ambil 2, lalu barisnya diambil 2, maka terciptalah kotak kosong di tengah
2,4
3,1
3,4
4,1
4,2
4,3
4,4
dan, terimakasih tadi bapak juga memberikan tips sembari memberikan soal latihan yaitu menggunakan colspan dan rowspan bersamaan, jadi lebih mudah mengerjakannya 😁👍
Hadir Pak Dhika.. Mantap
Thanks Buat tugasnya om.
Menantang Sekali tugasnya
penjelasanya sangat bagus, saya suka... tugasnya bisa saya kerjakan... meskipun lama sih😁
bang makasih sudah mengajarkan kami soal html alhamdulillah ane ngerti bang dikit dikit
ane juga lagi SMA :")
Alhamdulillah Sekali coba langsung bisa
lebih bagus lagi , tiap vd dasar/tutor nya dikasih soal pak dosen hehe , jadi makin giat lagi cari/belajarnya
akhirnya latihannya selesai juga, lumayan mudah sih bang,tapi harus konsentrasi,karena saya gk fokus jadinya butuh 15 menit buat ngerjain,wkwkwk makasih bang.
Kunciannya dimana bang?
@@bambangdwibayusegara1145 di leher
terimakasih pak sehat selalu. awalnya saya bingung tapi setelah membaca komentar gk sengaja saya langsung nyontek
Alhamdulilah saya bisa ngerjain latihannya pak tanpa lihat komentar, makasih pak.
saya awalnya bisa, tapi pas stuck ko dia ga ketengah. saya coba coba dengan cara rowspan dan colspan malah tambah kacau, terpaksa saya mencontek pada komentar, and ternyata saya lupa kalau tambahkan center supaya bisa ditengah. Astaghfirullah, tapi setidaknya saya tau, inshallah lain kali saya tidak bakalan nyontek.
Mau tanya, tambahkan centernya itu gimana ya?
@@fadhilahkhusnulkhotami6599Masih di tulis di tag setelah colspan sama rowspan....
sangat bermanfaat, latihan nya juga sudah berhasil
Latihan saya benar, sekali lagi terima kasih pak
menguras otak juga nyak weka weka weka
terima kasih pak atas videonya dan mantap untuk latihan diakhir video
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
Terimakasih sudah mau berbagi ilmu nya pak🙏
luar biasa.... dalam html, materi ini yang paling susah ... merging cell
ALHAMDULILLAH bisa juga ngerjain latihannya di akhir,, makasih banyak penjelasannya pak.. the best lah pokoknya
Terima kasih pak sandika galih
sekali percobaan hehe mantap
seharian mantengin semua episode html dan ngerjain tasknya. cara menjelaskannya sangat sederhana dan mudah dipahami semua kalangan, termasuk saya yang hanya lulusan SMA. Kelasnya jadi sangat menarik dan bikin semangat belajar.
latihannya cukup menantang setelah mencoba beberapa kali akhirnya bisa juga
ijin ikut belajar juga :
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
makasih ilmu Pak Sandhika... semoga masih bisa menegejar ketertinggalan dalam belajar website..
alhamdulillah tugasnya aman wkwkwk , terlambat skli baru belajar tapi tidak ada kata terlambat jika ingin sukses
makasihhhh..., sudah bisa!
Udah bisa sumpah wkwkwkwk.
Makasih pak🙏. Next materi
Maap telat ngebuka tugasnya pak! Tapi saya gercep buatnya kok!
1,1
1,2
1,3
1,4
2,1
?
2,4
3,1
3,4
4,1
4,2
4,3
4,4
Mantapp pak, semangat terus pak
Makasih pak, akhirnya bisa juga
Makasih pak Dika, semoga semakin memberikan ilmu-ilmu yang sangat bermanfaat untuk publik...