ການສ້າງພາກການອອກແບບໃນຫນ້າຂອງທ່ານ
ຫົວຂໍ້ເປັນວິທີທີ່ເປັນປະໂຫຍດໃນການຈັດຕັ້ງຂໍ້ຄວາມຂອງທ່ານ, ສ້າງການແບ່ງປັນທີ່ເປັນປະໂຫຍດ, ແລະເພີ່ມປະສິດທິພາບເວັບໄຊທ໌ຂອງທ່ານສໍາລັບເຄື່ອງຈັກຊອກຫາ. ທ່ານສາມາດສ້າງຫົວຂໍ້ໄດ້ອຍ່າງງ່າຍດາຍໂດຍໃຊ້ HTML heading tags. ນອກນັ້ນທ່ານຍັງສາມາດປ່ຽນຮູບຂອງຂໍ້ຄວາມຂອງທ່ານດ້ວຍແທັບທີ່ຫນາແລະມັນ.
ຫົວຂໍ້
ແຖບຫົວຂໍ້ແມ່ນວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະແບ່ງປັນເອກະສານຂອງທ່ານ. ຖ້າທ່ານຄິດວ່າເວັບໄຊຂອງທ່ານເປັນຫນັງສືພິມ, ຫຼັງຈາກນັ້ນຫົວຂໍ້ເປັນຫົວຂໍ້ໃນຫນັງສືພິມ. ຫົວຂໍ້ຕົ້ນຕໍແມ່ນ h1 ແລະຫົວຂໍ້ຕໍ່ໆມາແມ່ນ h2 ຜ່ານ h6.
ໃຊ້ລະຫັດຕໍ່ໄປນີ້ເພື່ອສ້າງ HTML.
ນີ້ແມ່ນ Header 1 h1> ນີ້ແມ່ນ Heading 2 h2> ນີ້ແມ່ນ Heading 3 h3> ນີ້ແມ່ນ Heading 4 h4> ນີ້ແມ່ນ Heading 5 h5> ນີ້ແມ່ນ Heading 6 h6> Tips to Remember
- ພະຍາຍາມຮັກສາຫົວຂໍ້ຂອງທ່ານໃນຄໍາສັ່ງຢ່າງມີເຫດຜົນ, h1 ມາກ່ອນ h2, ທີ່ມາກ່ອນ h3, ແລະອື່ນໆ.
- ຢ່າກັງວົນຫຼາຍເກີນໄປກ່ຽວກັບວິທີການຫົວຂໍ້ເບິ່ງ - ທ່ານຄວນໃຊ້ CSS ກັບ ຫົວຂໍ້ແບບລົງ ແທນທີ່ຈະໃຊ້ຫົວຂໍ້ອອກຄໍາສັ່ງ.
- ແທໍກຫົວຂໍ້ແມ່ນ ອົງປະກອບລະດັບຕັນ , ສະນັ້ນພວກເຂົາເຈົ້າເຮັດໃຫ້ພັກຜ່ອນສໍາລັບທ່ານ. ບໍ່ໃສ່ປ້າຍ P ພາຍໃນຫົວຂໍ້ຫົວຂໍ້.
ກ້າຫານແລະຕົວຈິງ
ນີ້ແມ່ນ Heading 3 h3> ນີ້ແມ່ນ Heading 4 h4> ນີ້ແມ່ນ Heading 5 h5> ນີ້ແມ່ນ Heading 6 h6> Tips to Remember
- ພະຍາຍາມຮັກສາຫົວຂໍ້ຂອງທ່ານໃນຄໍາສັ່ງຢ່າງມີເຫດຜົນ, h1 ມາກ່ອນ h2, ທີ່ມາກ່ອນ h3, ແລະອື່ນໆ.
- ຢ່າກັງວົນຫຼາຍເກີນໄປກ່ຽວກັບວິທີການຫົວຂໍ້ເບິ່ງ - ທ່ານຄວນໃຊ້ CSS ກັບ ຫົວຂໍ້ແບບລົງ ແທນທີ່ຈະໃຊ້ຫົວຂໍ້ອອກຄໍາສັ່ງ.
- ແທໍກຫົວຂໍ້ແມ່ນ ອົງປະກອບລະດັບຕັນ , ສະນັ້ນພວກເຂົາເຈົ້າເຮັດໃຫ້ພັກຜ່ອນສໍາລັບທ່ານ. ບໍ່ໃສ່ປ້າຍ P ພາຍໃນຫົວຂໍ້ຫົວຂໍ້.
ກ້າຫານແລະຕົວຈິງ
ນີ້ແມ່ນ Heading 5 h5> ນີ້ແມ່ນ Heading 6 h6> Tips to Remember
- ພະຍາຍາມຮັກສາຫົວຂໍ້ຂອງທ່ານໃນຄໍາສັ່ງຢ່າງມີເຫດຜົນ, h1 ມາກ່ອນ h2, ທີ່ມາກ່ອນ h3, ແລະອື່ນໆ.
- ຢ່າກັງວົນຫຼາຍເກີນໄປກ່ຽວກັບວິທີການຫົວຂໍ້ເບິ່ງ - ທ່ານຄວນໃຊ້ CSS ກັບ ຫົວຂໍ້ແບບລົງ ແທນທີ່ຈະໃຊ້ຫົວຂໍ້ອອກຄໍາສັ່ງ.
- ແທໍກຫົວຂໍ້ແມ່ນ ອົງປະກອບລະດັບຕັນ , ສະນັ້ນພວກເຂົາເຈົ້າເຮັດໃຫ້ພັກຜ່ອນສໍາລັບທ່ານ. ບໍ່ໃສ່ປ້າຍ P ພາຍໃນຫົວຂໍ້ຫົວຂໍ້.
ກ້າຫານແລະຕົວຈິງ
Tips to Remember
- ພະຍາຍາມຮັກສາຫົວຂໍ້ຂອງທ່ານໃນຄໍາສັ່ງຢ່າງມີເຫດຜົນ, h1 ມາກ່ອນ h2, ທີ່ມາກ່ອນ h3, ແລະອື່ນໆ.
- ຢ່າກັງວົນຫຼາຍເກີນໄປກ່ຽວກັບວິທີການຫົວຂໍ້ເບິ່ງ - ທ່ານຄວນໃຊ້ CSS ກັບ ຫົວຂໍ້ແບບລົງ ແທນທີ່ຈະໃຊ້ຫົວຂໍ້ອອກຄໍາສັ່ງ.
- ແທໍກຫົວຂໍ້ແມ່ນ ອົງປະກອບລະດັບຕັນ , ສະນັ້ນພວກເຂົາເຈົ້າເຮັດໃຫ້ພັກຜ່ອນສໍາລັບທ່ານ. ບໍ່ໃສ່ປ້າຍ P ພາຍໃນຫົວຂໍ້ຫົວຂໍ້.
ກ້າຫານແລະຕົວຈິງ
ມີສີ່ແທັກທີ່ທ່ານສາມາດໃຊ້ສໍາລັບກ້າມເນື້ອແລະຂໍ້ຕີນ:
- ແລະ ສໍາລັບຕົວຫນາ
- ແລະ ສໍາລັບ italic
ມັນບໍ່ສໍາຄັນທີ່ທ່ານໃຊ້. ໃນຂະນະທີ່ບາງຄົນມັກ ແລະ , ແຕ່ຄົນຫຼາຍຄົນຊອກຫາ ສໍາລັບ "bold" ແລະ ມັນງ່າຍທີ່ຈະຈໍາໄດ້.
ພຽງແຕ່ໃສ່ຂໍ້ຄວາມຂອງທ່ານດ້ວຍແທັບເປີດແລະປິດ, ເພື່ອເຮັດໃຫ້ຂໍ້ຄວາມທີ່ ຫນາແຫນ້ນ ຫລື ມັນເປັນ:
bold b> italic i>ທ່ານສາມາດຮວບຮວມ tags ເຫຼົ່ານີ້ (ຊຶ່ງຫມາຍຄວາມວ່າທ່ານສາມາດເຮັດໃຫ້ຂໍ້ຄວາມທີ່ຫນາແຫນ້ນແລະມັນ) ແລະມັນບໍ່ສໍາຄັນວ່າມັນແມ່ນປ້າຍພາຍນອກຫຼືພາຍໃນ.
ຍົກຕົວຢ່າງ:
ຂໍ້ຄວາມນີ້ແມ່ນຫນາ
ຂໍ້ຄວາມນີ້ແມ່ນຫນາ strong>ຂໍ້ຄວາມນີ້ແມ່ນຢູ່ໃນຂໍ້ມູນທີ່ຖືກຕ້ອງ
ຂໍ້ຄວາມນີ້ເປັນຕົວຈິງ em>ຂໍ້ຄວາມນີ້ແມ່ນທັງຄວາມຫນາແຫນ້ນແລະຂໍ້ຕີນ
ຂໍ້ຄວາມນີ້ແມ່ນທັງແບບຫນາແລະຄວາມຫນາແຫນ້ນ em> strong>ເປັນຫຍັງຈຶ່ງມີສອງຊຸດຂອງປ້າຍໂຄສະນາກ້າຫານແລະຮູບພາບ
ໃນ HTML4, ແທັບ ແລະ ຖືກຖືວ່າເປັນແທັບແບບທີ່ໄດ້ຮັບຜົນກະທົບພຽງແຕ່ເບິ່ງຮູບພາບແລະບໍ່ມີຂໍ້ມູນກ່ຽວກັບເນື້ອຫາຂອງແທັບ, ແລະມັນຖືກຖືວ່າເປັນແບບບໍ່ດີທີ່ຈະໃຊ້ມັນ. ຫຼັງຈາກນັ້ນ, ດ້ວຍ HTML5, ພວກເຂົາໄດ້ຮັບຄວາມຫມາຍກ່ຽວກັບຄວາມຫມາຍທີ່ຢູ່ນອກຮູບຂອງຂໍ້ຄວາມ.
ໃນ HTML5 ແທັກເຫຼົ່ານີ້ມີຄວາມຫມາຍສະເພາະ:
- ສະແດງຂໍ້ຄວາມທີ່ບໍ່ສໍາຄັນກວ່າຂໍ້ຄວາມທີ່ອ້ອມຂ້າງ, ແຕ່ການນໍາສະເຫນີ typographic ແບບປົກກະຕິແມ່ນຂໍ້ຄວາມທີ່ກ້າມເນື້ອ, ເຊັ່ນຄໍາສໍາຄັນໃນເອກະສານທີ່ບໍ່ມີຕົວຕົນຫຼືຊື່ຜະລິດຕະພັນໃນການທົບທວນ.
- ສະແດງຂໍ້ຄວາມທີ່ບໍ່ສໍາຄັນກວ່າຂໍ້ຄວາມທີ່ອ້ອມຂ້າງ, ແຕ່ການນໍາສະເຫນີ typographic ແບບປົກກະຕິແມ່ນຂໍ້ຄວາມມັນ, ເຊັ່ນຊື່ປື້ມ, ຄໍາສັບຫຼືຄໍາສັບໃນພາສາອື່ນ.
- ສະແດງຂໍ້ຄວາມທີ່ມີຄວາມສໍາຄັນທີ່ສູງເມື່ອປຽບທຽບກັບຂໍ້ຄວາມອ້ອມຂ້າງ.
- ຫມາຍເຖິງຂໍ້ຄວາມທີ່ມີຄວາມກົດດັນທີ່ມີຄວາມກົດດັນເມື່ອທຽບກັບຂໍ້ຄວາມທີ່ອ້ອມຂ້າງ.