ວິທີການສ້າງຕາຕະລາງ 2x2

ຕາຕະລາງ HTML ແມ່ນງ່າຍທີ່ຈະສ້າງເມື່ອທ່ານເຂົ້າໃຈພື້ນຖານຂອງແຖວເກັດທີ່ຢູ່ແລະຄໍລໍາ - ແລະກໍ່ເມື່ອທ່ານເຂົ້າໃຈວ່າມັນແມ່ນຫຍັງທີ່ຈະໃຊ້ຕາຕະລາງແລະເວລາທີ່ທ່ານຄວນຫຼີກເວັ້ນພວກມັນ.

ປະຫວັດຫຍໍ້ຂອງຕາຕະລາງແລະການອອກແບບເວັບ

ຫລາຍປີກ່ອນ, ກ່ອນທີ່ຈະຍອມຮັບມາດຕະຖານ CSS ແລະເວັບ, ຜູ້ອອກແບບເວັບໃຊ້ HTML element ເພື່ອສ້າງຮູບແບບຫນ້າເວັບໄຊທ໌. ການອອກແບບເວັບໄຊຕ໌ຈະຖືກ "ຕັດເຂົ້າ" ເຂົ້າໄປໃນຕ່ອນພຽງເລັກນ້ອຍເຊັ່ນ: ປິດແລະຫຼັງຈາກນັ້ນນໍາໄປໃສ່ກັບຕາຕະລາງ HTML ເພື່ອສະແດງໃນຕົວທ່ອງເວັບຕາມຄວາມຕ້ອງການ. ມັນເປັນຂະບວນການທີ່ສະລັບສັບຊ້ອນທີ່ສ້າງຂື້ນຢ່າງຫຼວງຫຼາຍຂອງ HTML markup ແລະມັນຈະບໍ່ສາມາດນໍາໃຊ້ໄດ້ໃນມື້ນີ້ໃນ ໂລກຫນ້າຈໍຫຼາຍໆເວັບໄຊທ໌ຂອງພວກເຮົາ . ໃນຖານະ CSS ໄດ້ກາຍເປັນວິທີການທີ່ຍອມຮັບສໍາລັບຮູບພາບແລະຮູບພາບເວັບໄຊຕ໌, ການນໍາໃຊ້ຕາຕະລາງສໍາລັບການນີ້ໄດ້ກາຍເປັນ shunned ແລະອອກແບບເວັບໄຊຕ໌ຫຼາຍຄົນເຊື່ອວ່າຜິດພາດວ່າ "ຕາຕະລາງແມ່ນບໍ່ດີ". ນັ້ນແມ່ນແລະບໍ່ຖືກຕ້ອງ. ຕາຕະລາງສໍາລັບການອອກແບບແມ່ນບໍ່ດີ, ແຕ່ພວກເຂົາຍັງມີສະຖານທີ່ໃນການອອກແບບເວັບແລະ HTML, ຄືການສະແດງຂໍ້ມູນຕາຕະລາງເຊັ່ນ: ປະຕິທິນຂອງຕາຕະລາງການຝຶກອົບຮົມ. ສໍາລັບເນື້ອຫານັ້ນ, ການນໍາໃຊ້ຕາຕະລາງແມ່ນຍັງເປັນວິທີທີ່ເຫມາະສົມແລະເຫມາະສົມ.

ສະນັ້ນທ່ານວາງຕາຕະລາງແນວໃດ? ໃຫ້ເລີ່ມຕົ້ນໂດຍການສ້າງຕາຕະລາງພຽງແຕ່ 2x2. ນີ້ຈະມີ 2 ຄໍລໍາ (ເຫຼົ່ານີ້ແມ່ນທ່ອນໄມ້ຕັ້ງ) ແລະ 2 ແຖວ (ທ່ອນນອນ). ຫຼັງຈາກທີ່ທ່ານສ້າງຕາຕະລາງ 2x2, ທ່ານສາມາດສ້າງຕາຕະລາງຂະຫນາດທີ່ທ່ານຕ້ອງການໂດຍພຽງແຕ່ເພີ່ມແຖວຫລືຄໍລໍາເພີ່ມເຕີມ.

ຄວາມຫຍຸ້ງຍາກ: ເສລີ່ຍ

ເວລາທີ່ຕ້ອງການ: 10 ນາທີ

ນີ້ແມ່ນວິທີການ:

1. ທໍາອິດເປີດຕາຕະລາງ <ຕາຕະລາງ>
2. ເປີດແຖວທໍາອິດທີ່ມີແທັບ
3. ເປີດຄໍລໍາທໍາອິດທີ່ມີແທໍກ td
4. ຂຽນເນື້ອໃນຂອງຫ້ອງ
5. ປິດຫ້ອງທໍາອິດແລະເປີດທີສອງ
6. ຂຽນເນື້ອໃນຂອງຫ້ອງທີສອງ
7. ປິດຫ້ອງສອງແລະປິດແຖວ
8. ຂຽນແຖວທີສອງຢ່າງແທ້ຈິງເປັນຄັ້ງທໍາອິດ
9. ຫຼັງຈາກນັ້ນ, ປິດຕາຕະລາງ

ນອກນັ້ນທ່ານຍັງສາມາດເລືອກທີ່ຈະເພີ່ມ headers ຕາຕະລາງກັບຕາຕະລາງຂອງທ່ານໂດຍນໍາໃຊ້ອົງປະກອບ . headers ຕາຕະລາງເຫຼົ່ານີ້ຈະປ່ຽນແທນຂໍ້ມູນຫຼື "ຂໍ້ມູນຕາຕະລາງ" ໃນແຖວຕາຕະລາງທໍາອິດ, ຄືດັ່ງນີ້:

td> Jennifer ຜູ້ພັດທະນາ

ເມື່ອຫນ້ານີ້ຈະສະແດງໃນຕົວທ່ອງເວັບ, ແຖວທໍາອິດທີ່ມີ headers ຕາຕະລາງຈະສະແດງຂໍ້ຄວາມທີ່ຫນາແລະພວກເຂົາຈະຖືກໃຈກາງໃນຕາຕະລາງທີ່ພວກເຂົາປາກົດຢູ່.

ດັ່ງນັ້ນ, ມັນໃຊ້ OK ໃນການນໍາໃຊ້ຕາຕະລາງໃນ HTML?

ແມ່ນ - ດັ່ງນັ້ນ, ເວັ້ນເສຍແຕ່ວ່າທ່ານບໍ່ໄດ້ນໍາໃຊ້ພວກມັນເພື່ອຈຸດປະສົງໃນການຈັດຮູບແບບ. ຖ້າທ່ານຕ້ອງການສະແດງຂໍ້ມູນກ່ຽວກັບຕາຕະລາງ, ຕາຕະລາງແມ່ນວິທີທີ່ຈະເຮັດແນວນັ້ນ. ໃນຄວາມເປັນຈິງ, ຫຼີກເວັ້ນການຕາຕະລາງເນື່ອງຈາກວ່າບາງ purity misguided ເພື່ອຫຼີກເວັ້ນການອົງປະກອບ HTML ທີ່ legitmate ນີ້ແມ່ນກັບຄືນໄປບ່ອນເປັນການນໍາໃຊ້ໃຫ້ເຂົາເຈົ້າສໍາລັບເຫດຜົນຮູບແບບໃນມື້ນີ້ແລະອາຍຸສູງສຸດ.

ຂຽນໂດຍ Jennifer Kyrin. ແກ້ໄຂໂດຍ Jeremy Girard ເມື່ອວັນທີ 8/11/16