ເນື້ອຫາ

• ຂັ້ນຕອນ
• ຄໍາແນະນໍາ

ບົດຄວາມນີ້ຈະສະແດງວິທີກໍານົດຄວາມສູງແລະຄວາມກວ້າງຂອງຮູບໃນ HTML.

• ຄຸນລັກສະນະ "ຄວາມກວ້າງ" ກຳ ນົດຄວາມກວ້າງຂອງຮູບ (ເປັນພິກເຊວ).
• ຄຸນລັກສະນະ "ຄວາມສູງ" ກຳ ນົດຄວາມສູງຂອງຮູບ (ເປັນພິກເຊວ).
• ໃນ HTML4.01, ຄວາມສູງສາມາດຕັ້ງເປັນພິກເຊວຫຼືເປັນເປີເຊັນໄດ້, ແຕ່ໃນ HTML5, ມີພຽງແຕ່ພິກເຊວເທົ່ານັ້ນ.

ຂັ້ນຕອນ

1. 1 ເປີດໄຟລ HTML. ຕົວຢ່າງ, ເປີດໄຟລ default default.html.
2. 2 ຕື່ມແຖວຕໍ່ໄປນີ້ໃສ່ລະຫັດ HTML ຂອງເຈົ້າ.
   • img src = "imagefile.webp" alt = "ຮູບພາບ" ຄວາມສູງ = "42" width = "42">
   • src ປະກອບມີເສັ້ນທາງໄປຫາໄຟລ graphic ຮູບພາບ (ຮູບ).
   • ໃນ alt, ຂະ ໜາດ ຂອງຮູບຖືກຕັ້ງໄວ້.
3. 3 ແທນຄ່າຄຸນລັກສະນະຄວາມສູງແລະຄວາມກວ້າງດ້ວຍຄ່າທີ່ເຈົ້າຕ້ອງການ. ຕົວຢ່າງເຊັ່ນ: ຄວາມສູງ = "19" width = "20"
4. 4 ບັນທຶກໄຟລ and ໄວ້ແລະເປີດມັນຢູ່ໃນຕົວທ່ອງເວັບໃດ ໜຶ່ງ. ເຮັດອັນນີ້ເພື່ອກວດເບິ່ງວ່າຮູບຖືກປັບຂະ ໜາດ ເທົ່າໃດ. ຄຸນລັກສະນະ "ຄວາມກວ້າງ" ແມ່ນໄດ້ຮັບການສະ ໜັບ ສະ ໜູນ ໂດຍທຸກຕົວທ່ອງເວັບທີ່ສໍາຄັນ (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

ຄໍາແນະນໍາ

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