ເນື້ອຫາ

• ຂັ້ນຕອນ
• ຄຳ ແນະ ນຳ
• ຄຳ ເຕືອນ

ຫຼາຍໆສະຖານທີ່ທີ່ຖືກສ້າງຂື້ນຕາມປົກກະຕິດ້ວຍສະຖານທີ່, ປຸ່ມແທັກແລະປຸ່ມກົດຕ່າງໆແມ່ນຖືກລະເວັ້ນທັງພາສາການຂຽນໂປແກຼມເວັບ. HTML ກຳ ນົດໃຫ້ພວກມັນເປັນພື້ນທີ່ປົກກະຕິລະຫວ່າງ ຄຳ ສັບແລະສະແດງພຽງແຕ່ຊ່ອງດຽວເທົ່ານັ້ນ. ໃນຂະນະທີ່ CSS ອະນຸຍາດໃຫ້ມີການຕັ້ງຄ່າລາຍລະອຽດເພີ່ມເຕີມແລະຄວາມສອດຄ່ອງ, HTML ບໍ່ມີເຄື່ອງມືທີ່ມີໃນການປັບແຕ່ງພື້ນທີ່ຂອງທ່ານ.

ຂັ້ນຕອນ

ວິທີທີ່ 1 ຂອງ 2: ໃສ່ຊ່ອງຫວ່າງແລະແທັບດຽວ

1. 

   ການໃສ່ຊ່ອງຫວ່າງແມ່ນບໍ່ແຕກ. ໂດຍປົກກະຕິ, HTML ຈະສະແດງພຽງຊ່ອງດຽວລະຫວ່າງ ຄຳ ເວົ້າ, ບໍ່ວ່າທ່ານຈະກົດປຸ່ມ spacebar ເທົ່າໃດເທື່ອ. ເພື່ອເຮັດໃຫ້ສະຖານທີ່ເຊື່ອມຕໍ່ກັນຫຼາຍສະແດງ, ພິມຫຼື. ລະຫັດນີ້ຈະສ້າງຕົວລະຄອນພິເສດທີ່ເອີ້ນວ່າ "ພື້ນທີ່ບໍ່ ທຳ ລາຍ" ແລະມັນຈະຖືກສະແດງຢູ່ສະ ເໝີ.
   • ລັກສະນະຂ້າງເທິງນີ້ຖືກເອີ້ນວ່າ "ພື້ນທີ່ທີ່ບໍ່ສາມາດ ທຳ ລາຍໄດ້" ເພາະມັນປ້ອງກັນການຢຸດສາຍຈາກບ່ອນຢູ່. ຖ້າທ່ານເອົາໃຈໃສ່ລັກສະນະນີ້, ຕົວທ່ອງເວັບຈະມີຄວາມຫຍຸ້ງຍາກໃນການວາງເສັ້ນແບ່ງເສັ້ນເປັນລະບຽບແລະຕັ້ງ.

2. 

   
   
   ໃສ່ຊ່ອງຫວ່າງທີ່ມີຄວາມກວ້າງແຕກຕ່າງກັນ. ມີບາງຕົວອັກສອນຫົວ ໜ່ວຍ ອື່ນໆທີ່ຕ້ອງການໃຫ້ຕົວທ່ອງເວັບສະແດງເນື້ອທີ່. ວິທີການທີ່ຊ່ອງເຫຼົ່ານີ້ຖືກສະແດງຢູ່ໃນໂປຣແກຣມທ່ອງເວັບທີ່ແຕກຕ່າງກັນແມ່ນແຕກຕ່າງກັນເລັກນ້ອຍ, ແນວໃດກໍ່ຕາມ, ບໍ່ຄືກັບລະຫັດຕໍ່ໄປນີ້ຈະບໍ່ມີຜົນຕໍ່ການຢຸດເສັ້ນ:
   • - ແມ່ນຕັ້ງຊື່ຕາມຊ່ອງ N "ຂອງເຄື່ອງພິມ" (ໜ່ວຍ ວັດແທກ), ຊ່ອງ "en" ກວ້າງສອງເທົ່າຂອງພື້ນທີ່ ທຳ ມະດາ.
   • - ພື້ນທີ່ "em", ປະມານເທົ່າກັບສີ່ຊ່ອງ.

3. 

   
   
   ຈຳ ລອງແທັບທີ່ມີພື້ນທີ່ບໍ່ ທຳ ລາຍຫຼາຍ. ເພື່ອຫຍໍ້ວັກ, ທ່ານສາມາດໃສ່ພື້ນທີ່ທີ່ບໍ່ສາມາດ ທຳ ລາຍໄດ້ຕິດຕໍ່ກັນ:. ນີ້ແມ່ນວິທີແກ້ໄຂເທົ່ານັ້ນຖ້າທ່ານໃຊ້ HTML ເທົ່ານັ້ນ, ແຕ່ຖ້າທ່ານໃຊ້ CSS (ອະທິບາຍແຍກໃນຂັ້ນຕອນຂ້າງລຸ່ມ) ມັນຈະສັ້ນກວ່າ.
   • ຖ້າມີການ ນຳ ສະ ເໜີ ຂໍ້ຄວາມທີ່ສັບສົນ, ໃຫ້ໃຊ້ແທັກກ່ອນ.

4. 

   
   
   ຈັດວາງວັກກັບ CSS. ຄຸນລັກສະນະຂອງ CSS "ຂອບ" ແລະ "padding" ໃຫ້ຄໍາແນະນໍາໂດຍກົງກັບຕົວທ່ອງເວັບ, ດັ່ງນັ້ນຜົນໄດ້ຮັບທີ່ສະແດງຈະມີຄວາມສອດຄ່ອງຫຼາຍ. ວິທີການນີ້ບໍ່ຍາກທີ່ຈະປະຕິບັດ, ເວັ້ນເສຍແຕ່ວ່າທ່ານບໍ່ຮູ້ຫຍັງກ່ຽວກັບ CSS ແລະ ໜ້າ ເວັບຂອງທ່ານບໍ່ມີເອກະສານສະໄຕ. ນີ້ແມ່ນຕົວຢ່າງຂອງວິທີການຍ້າຍວັກທັງ ໝົດ ໄປໃນຂອບທີ່ຖືກຕ້ອງ:
   • ໃນພາກ ຂອງເອກະສານ HTML, ໃສ່ລະຫັດດັ່ງຕໍ່ໄປນີ້:
     
     ບ່ອນທີ່: "p.indent" ກຳ ນົດຄຸນລັກສະນະຂອງຕົວ ໜັງ ສື (p tag) ຊື່ "indent" (ທ່ານສາມາດໃຊ້ຊື່ອື່ນ). ສ່ວນທີ່ເຫຼືອຂອງລະຫັດເພີ່ມຄຸນລັກສະນະຂອງພື້ນທີ່ "padding" ຢູ່ເບື້ອງຊ້າຍຂອງວັກ.
   • ໃນປັດຈຸບັນ, ກັບຄືນສູ່ຮ່າງກາຍຂອງເອກະສານ HTML. ທຸກຄັ້ງທີ່ທ່ານຕ້ອງການລົງໃນວັກ (ຍັງ "ເຂົ້າ" ໃນຕົວຢ່າງນີ້), ໃສ່ວັກໃສ່ໃນລະຫັດນີ້:
     

   • ເພື່ອຈັດວາງພື້ນທີ່ indentation, ປ່ຽນ ໝາຍ ເລກ "1.8" ໃນລະຫັດ CSS. ຮັກສາ "em" ໄວ້ທາງຫລັງເພາະນີ້ແມ່ນຫົວ ໜ່ວຍ ຄວາມຍາວທີ່ກ່ຽວຂ້ອງກັບຂະ ໜາດ ຕົວອັກສອນ.
   ໂຄສະນາ

ວິທີທີ່ 2 ຂອງ 2: ຕັ້ງຊ່ອງຫວ່າງທີ່ຍາວກວ່າ

1. 

   ໃຊ້ແທັກ preformatted. ກະແຈໃດໆ ພື້ນທີ່ ດີ ↵ປ້ອນ ແມ່ນເຂົ້າໃນບັດ

   ຈະຖືກສະແດງແທ້ຕາມທີ່ທ່ານພິມ. ທ່ານຍັງສາມາດໃຊ້ແທັກນີ້ເພື່ອ ນຳ ສະ ເໜີ ຕົວຢ່າງ, ບົດກະວີ, ຫຼືບົດເລື່ອງອື່ນໆທີ່ຕ້ອງການຄວາມຊັດເຈນສູງໃນໄລຍະຫ່າງແລະການແບ່ງເສັ້ນ

   • ຂໍ້ເສຍປຽບຕົ້ນຕໍຂອງບັດ preformatted ແມ່ນຄວາມກວ້າງ. ບໍ່ຄືກັບ HTML ທຳ ມະດາ, ຂໍ້ຄວາມທີ່ມີຮູບແບບໄວ້ກ່ອນຈະບໍ່ຖືກປັບຂະ ໜາດ ໃຫ້ພໍດີກັບຂະ ໜາດ ໜ້າ ຕ່າງຂອງຜູ້ໃຊ້.

2. 

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

3. 

   ລະບຸວັກທີ່ມີປ້າຍ "p". ປ້າຍຊື່ຮອບຂໍ້ຄວາມລະບຸວັກນັ້ນ. ຕົວທ່ອງເວັບສ່ວນຫຼາຍຈະແຍກວັກດ້ວຍເສັ້ນເປົ່າ, ແຕ່ທ່ານບໍ່ສາມາດຮັບປະກັນຮູບແບບທີ່ສອດຄ່ອງ ສຳ ລັບຂໍ້ຄວາມ. ໂຄສະນາ

ຄຳ ແນະ ນຳ

• ເມື່ອທ່ານກວດເບິ່ງຈໍສະແດງຜົນຄັ້ງສຸດທ້າຍໃນ ໜ້າ ເວັບໄຊທ໌້ຂອງທ່ານ, ຖ້າທ່ານເຫັນຕົວອັກສອນທີ່ຊ້ ຳ ຊ້ອນຢູ່ໃນ ຕຳ ແໜ່ງ ທີ່ຜິດປົກກະຕິຮອບໆຕົວຢ່າງຫຍໍ້, ໃຫ້ກວດສອງຄັ້ງຖ້າມີປ້າຍທີ່ບໍ່ຄົບຖ້ວນເຊັ່ນ: <> ແທນ​ທີ່
  .
• CSS ແມ່ນເຄື່ອງມືທີ່ມີປະສິດທິພາບແລະມີປະສິດຕິພາບສູງກວ່າ ສຳ ລັບການ ນຳ ສະ ເໜີ ໜ້າ ເວບ, ລວມທັງການສະແດງຕົວ ໜັງ ສື.
• ຈຳ ກັດພື້ນທີ່ຢ່າງກະທັນຫັນຢູ່ຫລັງປ້າຍເປີດຫຼືຢູ່ທາງ ໜ້າ ຂອງປ້າຍທີ່ປິດ. ຕົວຢ່າງ, ທ່ານຄວນຂຽນ Spaces ການສອນ ບໍ່ແມ່ນຊ່ອງຫວ່າງ ການສອນ .
• ພື້ນທີ່ທີ່ບໍ່ສາມາດ ທຳ ລາຍໄດ້ແມ່ນຕົວຢ່າງຂອງຕົວເລກນິຕິບຸກຄົນ: ລະຫັດທີ່ເປັນຕົວແທນຂອງຕົວລະຄອນທີ່ທ່ານບໍ່ສາມາດໃສ່ຈາກແປ້ນພິມ.

ຄຳ ເຕືອນ

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