ຕາຕະລາງ - ຫນຶ່ງໃນສໍາຄັນທີ່ສຸດ, ແຕ່ຢູ່ອົງປະກອບໃນເວລາດຽວກັນສະລັບສັບຊ້ອນທີ່ຈະຕ້ອງປະຈຸບັນຢູ່ຫນ້າເວັບໄຊຕ໌. ດ້ວຍຄວາມຊ່ອຍເຫລືອຂອງເຂົາເຈົ້າມັນສະດວກທີ່ຈະນໍາໃຊ້ຂໍ້ມູນທີ່ສໍາຄັນແລະເປັນປະໂຫຍດໃນຮູບແບບແທນທີ່ຈະ concise. ແນ່ນອນວ່າ, ບັນນາທິການຫຼາຍທີ່ສຸດໃນແມ່ແບບ, ເຮັດວຽກກ່ຽວກັບເຄື່ອງຈັກທີ່ແຕກຕ່າງກັນ, ສະແດງກິ່ງງ່າໃນຕາຕະລາງອັດຕະໂນມັດເຂົ້າໄປໃນເວັບໄຊທ໌ຂອງທ່ານຫຼືການພິມເຜີຍແຜ່ແຍກຕ່າງຫາກ, ແຕ່ສິ່ງທີ່ຖ້າຫາກວ່າຊັບພະຍາກອນການອອກແບບເວັບໄຊຕ໌, ຫນ້າເວັບຂອງຕົນກໍາລັງສ້າງຈາກ scratch? ຫຼັງຈາກນັ້ນ, ໃນຕົ້ນສະບັບຈົວອາດຈະໄດ້ຮັບບັນຫາ: ວິທີການເຮັດໃຫ້ເປັນ ຕາຕະລາງໃນ HTML. ໃຫ້ຂອງເບິ່ງວ່າຢ່າງວ່ອງໄວແລະຖືກຕ້ອງສ້າງລາຍການ.
ເລືອກບັນນາທິການ
ຫນ້າທໍາອິດຂອງການທັງຫມົດ, ໂດຍເລີ່ມຕົ້ນທີ່ຈະສ້າງຕາຕະລາງ, ທ່ານຄວນກໍານົດບັນນາທິການທີ່ທ່ານຈະໄດ້ເຮັດວຽກ. ແນ່ນອນວ່າ, ວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະເລືອກເອົາໂຄງການທີ່ທ່ານສ້າງລະຫັດເວັບໄຊພື້ນຖານ. ແຕ່ວ່າມັນເປັນທີ່ດີທີ່ສຸດທີ່ຈະນໍາໃຊ້ສໍາລັບຈຸດປະສົງນີ້ notepad ອາຍຸທີ່ດີ.
ທ່ານອາດຈະຮ້ອງຂໍໃຫ້, ວ່າເປັນຫຍັງ complicate ຊີວິດຂອງທ່ານ, ເພາະວ່າຖ້າຫາກວ່າທ່ານເຮັດແນວໃດທຸກສິ່ງທຸກຢ່າງທີ່ຖືກຕ້ອງໃນບັນນາທິການໄດ້, ຫຼັງຈາກນັ້ນຜົນໄດ້ຮັບສາມາດໄດ້ຮັບການເຫັນທັນທີ, ເຊັ່ນດຽວກັນ, ແລະແມ້ກະທັ້ງ prompts ໂຄງການທີ່ຈະນໍາໃຊ້.
ແມ່ນແລ້ວ, ມັນເປັນຄວາມຈິງ, ແຕ່ໃນການສ້າງຕາຕະລາງຈາກ scratch, ທ່ານຈະບໍ່ພຽງແຕ່ສາມາດທີ່ຈະກວດກາຢ່າງລະອຽດຫຼັກການຂອງການສ້າງຂອງຕົນ, ແຕ່ຍັງເພື່ອປ້ອງກັນການ typos ອາຍແລະຄວາມຜິດພາດໃນລະຫັດທີ່ຕິດພັນ. ບາງຄັ້ງມັນເກີດຂຶ້ນໂດຍບັງເອີນວ່າຕົວກະພິບແມ່ນຍ້າຍລົງ, ແລະຂະບວນການຂອງການຂຽນ code ໃນຄວາມຜິດພາດທີ່ creeps ໃນ, ຊຶ່ງເປັນບາງຄັ້ງມີຄວາມຫຍຸ້ງຍາກເພື່ອຊອກຫາ. ການສ້າງຕາຕະລາງໃນປື້ມບັນທຶກ, ທ່ານສາມາດສໍາເນົາລະຫັດແລະວາງມັນໃນສະຖານທີ່ເຫມາະສົມສໍາລັບທ່ານ.
ຂັ້ນຕອນວິທີສໍາລັບການສ້າງຕາຕະລາງ
ເພື່ອເລີ່ມຕົ້ນການ, ເຮັດໃຫ້ຂັ້ນຕອນວິທີສັ້ນ, ວິທີການເພື່ອເຮັດໃຫ້ຕາຕະລາງໃນ HTML. ນີ້ແມ່ນເພື່ອໃຫ້ແນ່ໃຈວ່າທ່ານເຂົ້າໃຈລໍາດັບຂອງແຕ່ລະຂັ້ນຕອນໄດ້. ຫຼັງຈາກນັ້ນວິເຄາະແນ່ນອນກ່ຽວກັບວິທີປະຕິບັດແຕ່ລະລາຍການ.
ໃຫ້ຂອງເລີ່ມຈາກການປະຕິບັດການກະກຽມ.
1. ແຕ້ມ schematic ໃສ່ຮູບພາບຕາຕະລາງເອກະສານທີ່.
2 ຈໍານວນຈໍານວນຂອງແຖວເກັດທີ່ຢູ່ແລະຫ້ອງ. ຖ້າຫາກວ່າຈໍານວນຂອງໄລຍະຜ່ານມາທີ່ແຕກຕ່າງກັນ - ຄິດວ່າຂອງແຕ່ລະ ryadochka ແຍກ.
3. ກໍານົດຈໍານວນໃນຈຸລັງຕິດຕໍ່ກັນ header ການ (ສໍາລັບຕົວຢ່າງ, «№»ສັບມືຖື, "ຊື່" ແລະ t. D).
4. ຂຽນລົງຕົວກໍານົດການຕົ້ນຕໍຂອງຕາຕະລາງ - ສີ, ລະດັບຄວາມສູງແລະ width, ຄວາມສອດຄ່ອງຂໍ້ຄວາມ - ໃນສັ້ນ, ທຸກສິ່ງທຸກຢ່າງທີ່ທ່ານວ່າເຫມາະ.
ຫຼັງຈາກນັ້ນໄປໂດຍກົງກັບການສ້າງຕາຕະລາງໄດ້:
1. ໃສ່ຕາຕະລາງ tags.
2. ໃສ່ tags ຂອງສາຍໂດຍອີງໃສ່ຈໍານວນເງິນທີ່ທ່ານຕ້ອງການ.
3 ແຖວເກັດທີ່ຢູ່ສະແດງກິ່ງງ່າ tags ຂອງຈຸລັງ (ປົກກະຕິແລະໃຫຍ່), ຍັງເປັນພື້ນຖານຂອງຈໍານວນເງິນທີ່ໄດ້ບັນທຶກໄວ້ກ່ຽວກັບເອກະສານທີ່.
4. ກໍານົດຕົວກໍານົດການສໍາລັບການຕາຕະລາງທັງຫມົດ.
5. ຖ້າຫາກວ່າທ່ານຕ້ອງການກໍານົດຕົວກໍານົດການສໍາລັບຈຸລັງບຸກຄົນ.
6 ກອກຂໍ້ຄວາມໃນຂໍ້ຄວາມສັບມືຖືຂອງພວກເຮົາ.
ສ້າງຕາຕະລາງການ
ດັ່ງນັ້ນ, ທ່ານເລືອກທີ່ຈະແກ້ໄຂ, ໃນປັດຈຸບັນໃຫ້ຂອງເບິ່ງວິທີການສ້າງຕາຕະລາງໃນ HTML. Tag ທີ່ອະນຸຍາດໃຫ້ຕາຕະລາງ (
) ແມ່ນ inserted ເຂົ້າໄປໃນລະຫັດຫນ້າແມ່ນຄູ່, ວ່າແມ່ນ, ການກໍ່ສ້າງຂອງພວກເຮົາຈະເລີ້ມມີໂຄດຄໍາສັ່ງນີ້ແລະສິ້ນສຸດລົງດ້ວຍ .
ການແຊກຕາລາງ tags, ດໍາເນີນການສ້າງແຖວເກັດທີ່ຢູ່ແລະຈຸລັງ.
ໃນປັດຈຸບັນ, ພວກເຮົາສັງເກດວ່າອົງປະກອບເຫຼົ່ານີ້ແມ່ນໄດ້ຈັບຄູ່. Tag
ໄດ້ກໍານົດ string, ແລະ | - ຈຸລັງ.
ສໍາລັບເທິງຈຸລັງຄວນໄດ້ຮັບການນໍາໃຊ້ອົງປະກອບລັກສະນະ | .
ດັ່ງທີ່ໄດ້ກ່າວແລ້ວ, ໃນຂັ້ນຕອນທໍາອິດແມ່ນເພື່ອແຕ້ມເສັ້ນ, ຫຼັງຈາກນັ້ນພວກເຂົາເຈົ້າຈໍາເປັນຕ້ອງລົງທະບຽນແຕ່ລະຫ້ອງ. ໃນຄໍາສັ່ງເພື່ອຫຼີກເວັ້ນການສັບສົນ, ມັນເປັນການສົມຄວນທີ່ຈະເຮັດ padding ໃດລະຫວ່າງແຕ່ລະຕັນໃນຫຼືທັງສອງສາຍ, ຖ້າບໍ່ດັ່ງນັ້ນການທີ່ຈະກໍາຫນົດອົງປະກອບ block ໃຫມ່ໂດຍການນໍາໃຊ້ "Tab" ທີ່ສໍາຄັນ.
ເຮັດແນວໃດມັນສາມາດຄືແນວໃດ? ບາງສິ່ງບາງຢ່າງເຊັ່ນ: ນີ້:
- <ຕາຕະລາງ>;
-
; -
№ p / p ; -
ຊື່ ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
ຂະນະທີ່ທ່ານສາມາດເບິ່ງ, ບໍ່ມີຫຍັງສັບສົນກ່ຽວກັບມັນ. ການທົດສອບສໍາຄັນ - ບໍ່ໄດ້ຮັບການສູນເສຍໃນຈໍານວນຂອງແຖວເກັດທີ່ຢູ່ແລະຫ້ອງ. ຖ້າບໍ່ດັ່ງນັ້ນ, ຕາຕະລາງແມ່ນ tilted.
ພວກເຮົາກໍາລັງຮື້ເພື່ອສ້າງຕາຕະລາງໃນ HTML, ໃນປັດຈຸບັນພວກເຮົາສາມາດຍ້າຍກ່ຽວກັບການກໍານົດການຂອງທັງສອງມາຕຣິກເບື້ອງແລະແຖວເກັດທີ່ຢູ່ແລະຈຸລັງຂອງຕົນ.
ຕົວເລືອກຕ່າງໆໃນຕາຕະລາງ ໃນເວລາທີ່ລະຫັດນີ້ແມ່ນລາຍລັກອັກສອນ, ມັນເປັນສິ່ງຈໍາເປັນທີ່ຈະຈ່າຍເອົາໃຈໃສ່ກັບຈຸດດັ່ງຕໍ່ໄປນີ້: ການຈັດຕໍາແຫນ່ງໃນ ຕາຕະລາງ HTML ໄດ້, ສີຜິວຂອງ ຊາຍແດນ, ຄວາມເປັນມາ, ຂໍ້ຄວາມ, ແລະອື່ນໆ.
ຕົວກໍານົດການກໍານົດໄວ້ໃນໂຄດຄໍາສັ່ງຕາຕະລາງການ . ເຫຼົ່ານີ້ປະກອບມີ:
1. ຊາຍແດນ - width ຂອງຊາຍແດນ. ກໍານົດໂດຍຈໍານວນເຕັມເປັນ. ຕັ້ງແຕ່ຕອນຕົ້ນ, ຊາຍແດນຕາຕະລາງໃດຫນຶ່ງຫາຍໄປ.
2 Bordercolor - ສີຂອງຊາຍແດນໄດ້. ມັນສາມາດໄດ້ຮັບການໃຫ້ເປັນເລກຖານສິບຫົກສີ (# 00008B), ແລະຊື່ຂອງຕົນກ່ຽວກັບ angliykom (Darkblue). ຕັ້ງແຕ່ຕອນຕົ້ນ, ມັນເປັນສະເຫມີໄປສີຂີ້ເຖົ່າ.
3 bgColor - ພື້ນເປັນສີ. ຕາມທີ່ລະບຸໂດຍລະຫັດຫລືຊື່.
4. ຈັດ - ຈັດຕໍາແຫນ່ງຂໍ້ຄວາມສໍາລັບການຕາຕະລາງໄດ້. ໃນຕອນຕົ້ນ - ໃນເບື້ອງຊ້າຍ. ມີທາງເລືອກໃນການດັ່ງຕໍ່ໄປນີ້ສໍາລັບຕົວກໍານົດການນີ້ແມ່ນ:
- ຊ້າຍ - ຫໍ່ສິດທິ;
- ສິດ -obtekanie ໄປທາງຊ້າຍ;
- ສູນ - ຕາຕະລາງຜົນຜະລິດໄດ້ໃນກາງທີ່ມີການໄຫຼທີ່ບໍ່ມີ.
5. Width ແລະລະດັບຄວາມສູງ - ກວ້າງແລະຄວາມສູງຂອງຕາຕະລາງໄດ້. ມັນສາມາດບໍ່ວ່າຈະຢູ່ໃນ pixels ຫຼືເປັນເປີເຊັນ (ເທີຍບກັບຂະຫນາດປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບ).
ການກໍານົດຕົວຊີ້ວັດໂດຍສະເພາະ, ທ່ານຄວນຈ່າຍເອົາໃຈໃສ່ໂດຍສະເພາະກັບການອອກແບບ. ຫຼັງຈາກການລະບຸພາລາມິເຕີທີ່ຈະໄປເຂົ້າ "ເທົ່າທຽມກັນ", ຫຼັງຈາກທີ່ຢູ່ໃນວົງຢືມສະແດງຄ່າ predetermined ເປັນ.
ໃນຖານະເປັນສໍາລັບການສີຂອງຂໍ້ຄວາມ, ຫຼັງຈາກນັ້ນເຮັດໃຫ້ອອກໃນວິທີການເຊັ່ນດຽວກັນກັບຂໍ້ຄວາມທໍາມະດາຢູ່ໃນຮູບແບບ HTML.
ຕົວຢ່າງຂອງຕາຕະລາງໄດ້:
- <ຊາຍແດນຕາຕະລາງ = "2" bordercolor = "# 00008B" bgcolor = "#FFFFFF" align = "center" width = "800" height = "800">;
-
; -
№ p / p ; -
ຊື່ ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
ແຖວເກັດທີ່ຢູ່ພາລາມິເຕີ ດັ່ງນັ້ນພວກເຮົາໄດ້ figured ອອກແລ້ວວິທີການເຮັດໃຫ້ຕາຕະລາງໃນ HTML ແລະສັ່ງກໍານົດຕົ້ນຕໍຂອງຕົນ. ແຕ່ສິ່ງທີ່ຖ້າຫາກວ່າພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ຈັດສັນສະຕິງ? ກວດສອບການອອກຂອງນາງບໍ່ເປັນອົງການຕົ້ນຕໍຂອງຕາຕະລາງ?
ຕົວກໍານົດການສາຍໃຫ້ຂຽນເປັນພາສາໂຄດຄໍາສັ່ງ | ໃນວິທີການເຊັ່ນດຽວກັນກັບຕາຕະລາງຂໍ້ມູນ. ກັບເສັ້ນປ່ຽນແປງດັ່ງຕໍ່ໄປນີ້ສາມາດໄດ້ຮັບການກໍານົດ:
1. ຮູ້ຈັກແລ້ວໃຫ້ທ່ານຊາຍແດນ, bordercolor ແລະ bgcolor.
2. ຈັດ - ຈັດຕໍາແຫນ່ງຂໍ້ຄວາມໃນເສັ້ນ. ມັນສາມາດໄດ້ຮັບການກໍານົດການທີ່ຈະປະໄວ້, ສູນແລະຖືກຕ້ອງ.
3 valign - ໂຄດຄໍາສັ່ງທີ່ aligns ຂໍ້ຄວາມໃນແນວຕັ້ງ. ມັນໃຊ້ເວລາຄ່າດັ່ງຕໍ່ໄປນີ້:
- ເທິງ - ຄວາມແມ່ນສອດຄ່ອງກັບເຂດແດນເທິງ;
- ກາງ - ໃນກາງ;
- ທາງລຸ່ມ - ແຂບທາງລຸ່ມ.
ຕົວຢ່າງການເກັບກູ້ເສັ້ນ:
-
; -
№ p / p ; -
ຊື່ ; - .
ຈຸລັງພາລາມິເຕີ ແລະສິ່ງສຸດທ້າຍທີ່ທ່ານຄວນຈ່າຍເອົາໃຈໃສ່ກັບຜູ້ທີ່ຕ້ອງການທີ່ຈະຮູ້ຈັກວິທີເພື່ອເຮັດໃຫ້ຕາຕະລາງໃນ HTML - ຕົວກໍານົດການຂອງຈຸລັງບຸກຄົນ, ທັງປົກກະຕິແລະນະຄອນຫຼວງ. ໃນຄວາມເປັນຈິງ, ທຸກສິ່ງທຸກຢ່າງແມ່ນເຮັດໃນວິທີການເຊັ່ນດຽວກັນກັບສໍາລັບການຕາຕະລາງຫຼືຕິດຕໍ່ກັນ. ເພີ່ມພຽງແຕ່ສອງອົງປະກອບທີ່ສໍາຄັນ:
1. Colspan - ຕົວກໍານົດການນີ້ລະບຸຈໍານວນຂອງຄໍລໍາທີ່ແຕ່ລະຫ້ອງການສາມາດຂະຫຍາຍໄດ້.
2 Rowspan - ແລ້ວສະແດງຈໍານວນຂອງແຖວເກັດທີ່ຢູ່ອາໄສໂດຍຫ້ອງນີ້.
ນັບຕັ້ງແຕ່ການອອກແບບແມ່ນບໍ່ມີທີ່ແຕກຕ່າງກັນຈາກເສັ້ນຕາມໃບສັ່ງແພດ, ມັນຈະບໍ່ສົ່ງຜົນໃນລະຫັດຕົວຢ່າງໄດ້.
ສິ່ງທີ່ຄົ້ນພົບ ເຮັດໃຫ້ຕາຕະລາງແມ່ນບໍ່ມີຄວາມຫຍຸ້ງຍາກເປັນມັນອາດເບິ່ງຄືວ່າຢູ່ glance ຄັ້ງທໍາອິດ. ການທົດສອບຕົ້ນຕໍໃນເວລາທີ່ລາຍລັກອັກສອນລະຫັດຂອງຕົນ - ຄວາມພາກພຽນແລະຄວາມສົນໃຈ.
ໃນຖານະເປັນສໍາລັບວິທີການສະແດງກິ່ງງ່າຕາຕະລາງໃນ HTML, ຫຼັງຈາກນັ້ນຈໍານວນລະຫັດຂອງຕົນແມ່ນພຽງພໍທີ່ຈະສໍາເນົາເອົາໄປວາງເປັນສະຖານທີ່ຂອງຫນ້າເວັບຂອງທ່ານ, ທີ່, ໃນຄວາມຄິດເຫັນຂອງທ່ານ, ຄວນຈະໄດ້ຮັບທີ່ຕັ້ງໄວ້.
ບໍ່ໄດ້ຢ້ານທີ່ຈະທົດລອງ, ແລະໃນໄວໆນີ້ທ່ານກໍາລັງ mastered perfectly ເຕັກນິກຂອງການສ້າງຕາຕະລາງໄດ້. ໂຊກດີ!
| |
| | |
| | | |
|