ພາສາ HTML ປະກອບມີຈໍານວນອົງປະກອບ. ເຫຼົ່ານີ້ປະກອບມີ ອົງປະກອບເວັບໄຊທ໌ ນໍາໃຊ້ທົ່ວໄປເຊັ່ນ: ວັກ, ຫົວຂໍ້, ການເຊື່ອມຕໍ່, ແລະຮູບພາບຕ່າງໆ. ນອກນັ້ນຍັງມີຈໍານວນຂອງອົງປະກອບໃຫມ່ທີ່ນໍາສະເຫນີດ້ວຍ HTML5, ລວມທັງ header, nav, footer, ແລະອື່ນໆ. ທັງຫມົດຂອງເອກະສານ HTML ເຫຼົ່ານີ້ຖືກນໍາໃຊ້ເພື່ອສ້າງໂຄງສ້າງຂອງເອກະສານແລະໃຫ້ຄວາມຫມາຍ. ເພື່ອເພີ່ມຄວາມຫມາຍຫຼາຍເຖິງອົງປະກອບ, ທ່ານສາມາດໃຫ້ພວກເຂົາມີຄຸນລັກສະນະ.
ແຖບເປີດ HTML ພື້ນຖານເລີ່ມຕົ້ນດ້ວຍ ເພື່ອເພີ່ມຄຸນລັກສະນະຂອງແທໍກ HTML ຂອງທ່ານ, ທໍາອິດໃຫ້ພື້ນທີ່ຫຼັງຈາກຊື່ແທັກ (ໃນກໍລະນີນີ້ແມ່ນ "p"). ຫຼັງຈາກນັ້ນ, ທ່ານຈະເພີ່ມຊື່ຂອງຄຸນລັກສະນະທີ່ທ່ານຕ້ອງການນໍາໃຊ້ໂດຍໃຊ້ສັນຍານເທົ່າທຽມກັນ. ສຸດທ້າຍ, ຄຸນຄ່າຂອງຄຸນສົມບັດຈະຢູ່ໃນເຄື່ອງຫມາຍຄໍາສັ່ງ. ຍົກຕົວຢ່າງ: Tags ສາມາດມີຄຸນລັກສະນະຫຼາຍຢ່າງ. ທ່ານຈະແຍກແຕ່ລະແອັບພລິເຄຊັນຈາກຄົນອື່ນດ້ວຍພື້ນທີ່. ບາງເອກະສານ HTML ຕ້ອງໃຊ້ຄຸນສົມບັດຖ້າທ່ານຕ້ອງການໃຫ້ພວກເຂົາເຮັດວຽກຕາມຄວາມຕ້ອງການ. ອົງປະກອບຮູບພາບແລະອົງປະກອບການເຊື່ອມໂຍງແມ່ນຕົວຢ່າງສອງນີ້. ອົງປະກອບຮູບພາບຮຽກຮ້ອງໃຫ້ "src" attribute. attribute ບອກຕົວທ່ອງເວັບທີ່ຮູບພາບທີ່ທ່ານຕ້ອງການໃຊ້ຢູ່ໃນສະຖານທີ່ນັ້ນ. ຄ່າຂອງແອຕົດລິບິວຈະເປັນເສັ້ນທາງໄຟລ໌ກັບຮູບພາບ. ຍົກຕົວຢ່າງ: ທ່ານຈະສັງເກດເຫັນວ່າຂ້ອຍໄດ້ເພີ່ມຄຸນສົມບັດອື່ນໃຫ້ກັບອົງປະກອບນີ້, "alt" ຫຼືແອຕົດລິບິວຂໍ້ຄວາມສະລັບກັນ. ນີ້ບໍ່ແມ່ນຄວາມຄິດສ້າງສັນທີ່ຕ້ອງການສໍາລັບຮູບພາບ, ແຕ່ມັນແມ່ນການປະຕິບັດທີ່ດີທີ່ສຸດເພື່ອສະເຫມີປະກອບມີເນື້ອຫາສໍາລັບການເຂົ້າເຖິງ. ຂໍ້ຄວາມທີ່ລະບຸໄວ້ໃນຄ່າຂອງຄ່າ alt ແມ່ນສິ່ງທີ່ຈະສະແດງຖ້າ ຮູບພາບບໍ່ສາມາດໂຫລດໄດ້ ເພາະເຫດຜົນບາງຢ່າງ. ອົງປະກອບອື່ນທີ່ຮຽກຮ້ອງໃຫ້ມີຄຸນລັກສະນະເສພາະເຈາະຈົງແມ່ນມໍລະດົກຫຼືການເຊື່ອມໂຍງ. ອົງປະກອບນີ້ຕ້ອງປະກອບມີ "href" attribute, ເຊິ່ງຫມາຍເຖິງ 'ອ້າງອີງ hypertext.' ນັ້ນຄືວິທີທີ່ຫນ້າສົນໃຈໃນການເວົ້າວ່າ "ບ່ອນໃດທີ່ຄວນເຊື່ອມຕໍ່ນີ້." ເຊັ່ນດຽວກັນກັບອົງປະກອບຮູບພາບທີ່ຕ້ອງການຮູ້ວ່າຮູບໃດທີ່ຕ້ອງການໂຫຼດ, ຮູ້ບ່ອນທີ່ມັນຕ້ອງການ. ນີ້ຄືວິທີການປ້າຍໂຄສະນາອາດເບິ່ງ: ເຊື່ອມຕໍ່ນັ້ນຈະນໍາຄົນໄປເວັບໄຊທ໌ທີ່ກໍານົດໄວ້ໃນມູນຄ່າຂອງຄຸນລັກສະນະ. ໃນກໍລະນີນີ້, ມັນແມ່ນຫນ້າຫລັກຂອງ. ການນໍາໃຊ້ຄຸນລັກສະນະອື່ນແມ່ນເມື່ອພວກເຂົາຖືກນໍາໃຊ້ເປັນ "hooks" ສໍາລັບຮູບແບບ CSS. ເນື່ອງຈາກມາດຕະຖານເວັບກໍານົດວ່າທ່ານຄວນຮັກສາໂຄງສ້າງຂອງຫນ້າເວັບ (HTML) ແຍກອອກຈາກຮູບແບບຂອງມັນ (CSS), ທ່ານສາມາດນໍາໃຊ້ຮາດ attribute ເຫຼົ່ານີ້ໃນ CSS ເພື່ອກໍານົດວິທີການສ້າງຫນ້າເວັບທີ່ສະແດງຢູ່ໃນຕົວທ່ອງເວັບ. ຕົວຢ່າງເຊັ່ນ, ທ່ານສາມາດມີເອກະສານນີ້ໃນເອກະສານ HTML ຂອງທ່ານ. ຖ້າທ່ານຕ້ອງການສີທີ່ມີສີພື້ນຖານຂອງສີດໍາ (# 000) ແລະຂະຫນາດຕົວອັກສອນຂອງ 1.5em, ທ່ານຈະເພີ່ມນີ້ໃສ່ CSS ຂອງທ່ານ: attribute class "featured" ເຮັດຫນ້າທີ່ເປັນ hook ທີ່ພວກເຮົາໃຊ້ໃນ CSS ເພື່ອສະຫມັກຂໍເອົາຮູບແບບໃນພື້ນທີ່ນັ້ນ. ພວກເຮົາຍັງສາມາດໃຫ້ພວກເຮົາມີຄຸນລັກສະນະ ID ທີ່ນີ້ຖ້າພວກເຮົາຕ້ອງການ. ທັງຫ້ອງຮຽນແລະ IDs ແມ່ນມີຄຸນລັກສະນະທົ່ວໄປ, ຊຶ່ງຫມາຍຄວາມວ່າພວກເຂົາສາມາດຖືກເພີ່ມເຂົ້າໃນອົງປະກອບໃດ. ພວກເຂົາທັງສອງສາມາດກໍານົດເປົ້າຫມາຍທີ່ມີຄໍເຕົ້າໄຂ່ທີ່ສະເພາະຂອງ CSS ເພື່ອກໍານົດຮູບລັກສະນະຂອງອົງປະກອບນັ້ນ. ສຸດທ້າຍ, ການນໍາໃຊ້ຄຸນລັກສະນະກ່ຽວກັບບາງອົງປະກອບ HTML ແມ່ນສິ່ງທີ່ທ່ານອາດຈະໃຊ້ໃນ Javascript. ຖ້າທ່ານມີ script ທີ່ກໍາລັງຊອກຫາອົງປະກອບທີ່ມີ attribute ID ສະເພາະ, ນັ້ນກໍ່ແມ່ນການນໍາໃຊ້ຂອງພາສາ HTML ນີ້. ອົງປະກອບທີ່ມີຄຸນລັກສະນະທີ່ຈໍາເປັນ
Attributes as CSS Hooks
ກ່ຽວກັບ Javascript