ການປັບຂະຫນາດຮູບພາບການນໍາໃຊ້ HTML

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

ສ່ວນ 1 HTML ແມ່ນຫຍັງ?

HTML ຊຶ່ງຫຍໍ້ມາຈາກ Hyper Text Markup Language ເປັນພາສາການຂຽນໂປຣແກຣມທີ່ຖືກນໍາໃຊ້ເພື່ອພັດທະນາເວັບໄຊທ໌. ມັນຖືກນໍາໃຊ້ສະເຫມີໄປໃນປະສົມປະສານກັບ Java Script ແລະ CSS. ມັນໄດ້ຖືກນໍາໃຊ້ໃນການສ້າງການໂຕ້ຕອບສໍາລັບຄໍາຮ້ອງສະຫມັກມືຖືແລະບັນດາໂຄງການທີ່ກໍານົດໄວ້ GUI. ພັດທະນາໂດຍ World Wide Web ມັນເປັນຫນຶ່ງໃນພາສາທີ່ດີທີ່ສຸດແລະໃຊ້ຫຼາຍທີ່ສຸດຂອງໂລກ. ໃນເບື້ອງຕົ້ນພາສາຖືກຕີພິມໃນປີ 1993 ແລະນັບຕັ້ງແຕ່ເບື້ອງຕົ້ນຂອງມັນໄດ້ພັດທະນາຢ່າງໄວວາທີ່ຈະເປັນຫນຶ່ງໃນພາສາທີ່ດີທີ່ສຸດ. ສະບັບທໍາອິດຂອງພາສາທີ່ໄດ້ຊື່ວ່າເປັນ SGML ແລະສະບັບຫລ້າສຸດທີ່ວ່າມັນໄດ້ຮັບການຂະຫຍາຍ XHTML. ການປັບຂະຫນາດຂອງຮູບພາບຕ່າງໆມີຄວາມຫມາຍວ່າຂະຫນາດຂອງຮູບພາບໃນຂໍ້ກໍານົດຂອງອາຊີບຄວາມຊົງຈໍາໄດ້ບໍ່ເຄີຍມີການປ່ຽນແປງ. ແທນທີ່ຈະເປັນຮູບພາບຂະຫນາດທີ່ແທ້ຈິງທີ່ມີຫນ່ວຍວັດເປັນເມັດສີທີ່ເປັນທີ່ຈະມີການປ່ຽນແປງ. The HTM L ເປັນພາສາທີ່ນິຍົມທີ່ສຸດແລະເພາະສະນັ້ນມັນແມ່ນສະເຫມີໄປທາງເລືອກທໍາອິດຂອງຜູ້ໃຊ້.

ສ່ວນ 2 ຄວາມໄດ້ປຽບຂອງ HTML

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

• ການ HTML ເປັນພາສາແບບໂຕ້ຕອບຫຼາຍ. ເວທີສໍາຄັນດັ່ງກ່າວເປັນເຟສບຸກ, Twitter ແລະແມ້ກະທັ້ງກູໂກແມ່ນບໍ່ທີ່ໃຊ້ພາສາທີ່ຈະເຊື່ອມໂຍງການເຂົ້າລະຫັດຂອງເຂົາເຈົ້າ. ພາສານີ້ແມ່ນດັ່ງນັ້ນຈຶ່ງພາສາທີ່ເປັນທີ່ນິຍົມທີ່ສຸດແລະນໍາໃຊ້ຢ່າງກວ້າງຂວາງທີ່ສຸດ.
• ການເຂົ້າລະຫັດຂອງ HTML ແມ່ນ neat ຫຼາຍ, ສະອາດແລະເຂົ້າໃຈໄດ້. ເພາະສະນັ້ນມັນເປັນບູລິມະສິດເທິງຂອງ coders ທີ່ຕ້ອງການທີ່ຈະນໍາໃຊ້ມັນ. ການຫຼ້າສຸດ HTML 5 ອົງປະກອບເປັນຫນຶ່ງໃນນັ້ນໄດ້ປະຕິບັດຄວາມຄິດໄປໃນລະດັບຕໍ່ໄປໄດ້.
  
• The Semantics ແມ່ນບໍ່ທີ່ໄດ້ຮັບການເຮັດວຽກທີ່ເຮັດໂດຍບໍ່ມີການບັນຫາໃດຫນຶ່ງ. ອົງປະກອບຂອງ HTML 5 ນັ້ນເປັນຄົນທີ່ມີຄວາມແຍກຕ່າງຫາກຈາກກັນແລະກັນ. ມັນຫມາຍຄວາມວ່າຈຸດປະສົງຂອງອົງປະກອບດັ່ງກ່າວສາມາດໄດ້ຮັບການເຫັນຫຼາຍຢ່າງຊັດເຈນ. ເມື່ອ code ໄດ້ຮັບການກວດສອບວັດຖຸປະສົງຂອງຜົນໄດ້ກາຍເປັນສະອາດແລະຈະແຈ້ງສໍາລັບຜູ້ໃຊ້.
• ຜົນຜະລິດຂອງພາສາແມ່ນສອດຄ່ອງ. ເພາະສະນັ້ນມັນຮຽກຮ້ອງໃຫ້ມີຜູ້ຊົມໃຊ້ທີ່ຈະເຮັດວຽກພຽງເລັກນ້ອຍຫຼາຍຖ້າຫາກວ່າເວັບແມ່ນບໍ່ສອດຄ່ອງກັບຄວາມຕ້ອງການ. ໃນຖານະເປັນສໍາລັບການອອກແບບພາສາທີ່ງ່າຍເກີນໄປທີ່ຈະຮັບຮອງເອົາແລະເພາະສະນັ້ນມັນຖືກນໍາໃຊ້ຢ່າງກວ້າງຂວາງທີ່ສຸດສໍາລັບຈຸດປະສົງດັ່ງກ່າວ.
• ລັກສະນະແຫຼ່ງເປີດຂອງ HTML ແມ່ນບາງສິ່ງບາງຢ່າງທີ່ດຶງດູດຜູ້ໃຊ້. ເຄື່ອງມືເຊັ່ນດຽວກັນກັບເຕັກນິກການສາມາດນໍາໃຊ້ແລະດາວນ໌ໂຫລດ. ການເຊື່ອມໂຍງດັ່ງນັ້ນຈຶ່ງສອດຄ່ອງແລະສອດຄ່ອງກັບຄວາມຕ້ອງການຜູ້ໃຊ້.
• ການສະຫນັບສະຫນູນລູກຄ້າແລະ geolocation ເປັນປັດໄຈທີ່ເຮັດໃຫ້ HTML ເປັນຫນຶ່ງໃນພາສາທີ່ນິຍົມທີ່ສຸດຂອງຕະຫຼອດເວລາຄົນອື່ນ. ຜູ້ໃຊ້ສາມາດໄດ້ຮັບການພະນັກງານສະຫນັບສະຫນູນໂດຍບໍ່ມີບັນຫາໃດໆແລະບັນຫາແມ່ນການແກ້ໄຂ. ມັນຍັງສະແດງໃຫ້ເຫັນວ່າພັດທະນາຢູ່ໃນໂລກກ້ວາງເວັບໄຊຕ໌ມີຄວາມຮຸນແຮງກ່ຽວກັບພາສາແລະອົງປະກອບທີ່ກ່ຽວຂ້ອງ.

ພາກທີ 3 ການປັບຂະຫນາດຮູບພາບໃນ HTML ແລະ tags ທີ່ກ່ຽວຂ້ອງ

The Img Src ເປັນໂຄດຄໍາສັ່ງທີ່ແມ່ນເພື່ອໄດ້ຮັບການຄວບຄຸມໃນເວລາທີ່ມັນມາກັບ HTML ປັບຂະຫນາດຮູບພາບ. ໃນໂຄດຄໍາສັ່ງນີ້ Img ແມ່ນຮູບແບບສັ້ນຂອງຮູບພາບ. The Src ຫຍໍ້ມາຈາກແຫຼ່ງຂໍ້ມູນ. ແຫຼ່ງຂໍ້ມູນທີ່ສະແດງໃຫ້ເຫັນສະຖານທີ່ຈາກບ່ອນທີ່ຮູບພາບແມ່ນໄດ້ຮັບການປະຕິບັດທີ່. ມັນລະບຸສະຖານທີ່ຢູ່ໃນໂຟນເດີເວັບໄຊທ໌ຈາກບ່ອນທີ່ຮູບພາບໄດ້ຖືກເກັບແລະສະແດງໃຫ້ຜູ້ຊົມໃຊ້ໄດ້. ເຖິງແມ່ນວ່າມັນເປັນຂະບວນການ liner ຫນຶ່ງຢ່າງໃດກໍຕາມຜູ້ໃຊ້ຄວນຈະຍັງຄົງລະມັດລະວັງໃນຂະນະທີ່ຍື່ນຄໍາຮ້ອງຂໍການປ່ຽນແປງ. ການປ່ຽນແປງທີ່ບໍ່ຖືກຕ້ອງສາມາດນໍາໄປສູ່ການລົບກວນຂອງອົງປະກອບອື່ນໆທັງຫມົດໄດ້. ສ່ວນຕໍ່ໄປຂອງບົດຮຽນຈະຈັດການກັບຂະບວນການທີ່ແມ່ນເພື່ອໄດ້ຮັບການນໍາໃຊ້ໃນຂະນະທີ່ການດໍາເນີນວຽກພາຍໃຕ້ການ. ຄວາມຕ້ອງການທີ່ມີການໄດ້ຮັບການບັນລຸຜົນຍັງຈະໄດ້ຮັບການປຶກສາຫາລືໃນລາຍລະອຽດທີ່ຍິ່ງໃຫຍ່:

ຄວາມຕ້ອງການ

• ບັນນາທິການ HTML
• ຮູບລັກຫນ້າເວັບ
• ຄອມພິວເຕີ

ຂະບວນການ

ຄໍາຮ້ອງສະຫມັກຂອງຂະບວນການດັ່ງກ່າວຄວນຈະເຮັດໄດ້ຕໍ່ຂັ້ນຕອນທີ່ໄດ້ກ່າວມາເປັນດັ່ງຕໍ່ໄປນີ້:

ໂຄດຄໍາສັ່ງປົກກະຕິ 1. ທີ່ຖືກນໍາໃຊ້ເພື່ອປັບຂະຫນາດຮູບພາບສາມາດໄດ້ຮັບການເຫັນວ່າເປັນການດັ່ງຕໍ່ໄປນີ້. ມັນແມ່ນການປະຕິບັດພຽງແຕ່ເປັນຕົວຢ່າງ:

ໃນຖານະເປັນຜົນມາຈາກດ້ານເທິງຮູບພາບທີ່ປາກົດແມ່ນເປັນດັ່ງຕໍ່ໄປນີ້:

2.In ເພື່ອປັບຂະຫນາດຮູບພາບທີ່ຈະຂະຫນາດທີ່ກ່ຽວຂ້ອງຜູ້ໃຊ້ຕ້ອງການທີ່ຈະມີການປ່ຽນແປງ width ເຊັ່ນດຽວກັນກັບລະດັບຄວາມສູງ. ລະຫັດສໍາລັບການນີ້ສາມາດໄດ້ຮັບການເຫັນວ່າເປັນການຕໍ່ໄປນີ້:

ເມື່ອປັບຂະຫນາດໄດ້ຮັບການເຮັດຮູບພາບທີ່ຈະໄປປາກົດເປັນດັ່ງຕໍ່ໄປນີ້:

ການ HTML ເປັນພາສາທີ່ງ່າຍທີ່ຈະເຂົ້າໃຈໄດ້. ຜູ້ໃຊ້ຄວນຕ້ອງການໃຫ້ປັບຂະຫນາດຮູບພາບຕ່າງໆ. ຄຽງຄູ່ກັບ HTML ໄດ້ຜູ້ໃຊ້ຍັງສາມາດຮຽນຮູ້ Java Script ເຊັ່ນດຽວກັນກັບ CSS ເພື່ອເຮັດໃຫ້ຜົນໄດ້ປຽບນັ້ນ. ພາສາເປັນທີ່ຮູ້ຈັກທີ່ຈະໄດ້ຮັບຜົນໄດ້ຮັບທີ່ມີ stunning ພຽງແຕ່. ການເບິ່ງໂດຍລວມເຊັ່ນດຽວກັນກັບຮູບແບບຂອງຫນ້າເວັບດັ່ງກ່າວເປັນຫນ້າຫວາດສຽວ. The HTML ນັບຕັ້ງແຕ່ເບື້ອງຕົ້ນຂອງຕົນໄດ້ປະໄວ້ເຄື່ອງຫມາຍກ່ຽວກັບຈຸດປະສົງການພັດທະນາແລະຈົນເຖິງຂະນະມັນຍັງວິທີການນີ້. Image ປັບຂະຫນາດເປັນພຽງແຕ່ເປັນສ່ວນຫນຶ່ງຂອງພາສາ. ຄວາມຈິງຂອງເລື່ອງນີ້ກໍຄືພາສາທີ່ສາມາດຖືກນໍາໃຊ້ເພື່ອເຮັດວຽກງານໃດຫນຶ່ງໂດຍບໍ່ມີການບັນຫາ.