ການຈັດຕັ້ງພາບ HTML

ພາຍໃນຂະບວນ HTML, ພາບຈະຖືກສະແດງໃນໂຕກະສັບ.

ຄວາມຈະປະກອບພາບ

ການເພີ່ມພາບ
ຄວາມຈະສະແດງພາບໃນໜ້າເວັບ
ການເພີ່ມພາບຈາກຫຼາຍທີ່ບໍ່ອາດທັນກໍ່ອາດ
ຄວາມຈະປະກອບພາບຈາກຫ້ອງການຫຼືສາຍທີ່ບໍ່ອາດທັນກໍ່ອາດ.

（ພົບຫຼາຍການພິມຕົວຢູ່ດ້ານລຸ່ມຂອງໜ້ານີ້。）

ອອກສອນ <img> ແລະ ອາການຄວາມ Source (Src)

ໃນ HTML, ພາບຈະຖືກສະແດງໂດຍແບບ <img>.

<img> ແມ່ນເປັນແບບຕັ້ງສະໜາມ, ເຊິ່ງຫມາຍຄວາມວ່າມັນພຽງແຕ່ບັນດາອາການ, ແລະບໍ່ມີປິດແບບ.

ເພື່ອສະແດງພາບໃນໜ້າເວັບ, ເຈົ້າຕ້ອງໃຊ້ອາການຄວາມ (src). src ມີຄວາມ "source". ຄວາມຂອງອາການຄວາມແມ່ນທີ່ຢູ່ທີ່ URL ຂອງພາບ.

ພາສາສະແດງພາບແມ່ນ:

<img src="url" />

URL ແມ່ນການປະກອບຄວາມຂອງສະຖານທີ່ພາບຢູ່. ຖ້າພາບທີ່ຊື່ "boat.gif" ຢູ່ໃນສາຍສາຍ "images" ຂອງ www.codew3c.com, ຢູ່ http://www.codew3c.com/images/boat.gif.

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

ການປ່ຽນປະສົມອາການ (Alt)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

alt="Big Boat">

当浏览器无法载入图像时，替换文本属性可告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

基本的注意事项 - 有用的提示：

假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。

更多实例

背景图片
本例演示如何向 HTML 页面添加背景图片。
排列图片
本例演示如何在文字中排列图像。
浮动图像
本例演示如何使图片浮动至段落的左边或右边。
调整图像尺寸
本例演示如何将图片调整到不同的尺寸。
为图片显示替换文本
ບົດການນັ້ນສະແດງວ່າເພື່ອສ້າງຄຳວັດຖຸທີ່ສາມາດສະແດງໄດ້ໃຫ້ພາບ. ເມື່ອບັນຊີຍາກຂາວບໍ່ສາມາດບັນທຶກພາບໄດ້, ຄຳວັດຖຸທີ່ສາມາດສະແດງໄດ້ບອກກັບຜູ້ອ່ານເຫດການທີ່ພວກເຂົາສູນເສຍ. ເຮັດໃຫ້ບັນດາພາບຂອງບັນຊີຍາກຂາວທັງໝົດມີຄຳວັດຖຸສະແດງໄດ້ເປັນການດີ, ທີ່ຈະຊ່ວຍການສະແດງຂໍ້ມູນຫຼາຍຂື້ນ ແລະ ສະເລ່ຍສຳລັບຜູ້ທີ່ໃຊ້ບັນຊີຍາກຂາວສະໜອງພາບ.
ສ້າງທາງເຊື່ອມພາບ
ບົດການນັ້ນສະແດງວ່າເພື່ອນຳພາບເປັນທາງເຊື່ອມ.
ສ້າງພາບຈຳລອງ
ບົດການນັ້ນສະແດງວ່າເພື່ອສ້າງພາບຈຳລອງທີ່ມີພື້ນທີ່ສາມາດກະຕຸ້ມ. ແຕ່ລະພື້ນຈຳລອງແມ່ນທາງເຊື່ອມ.
ປ່ຽນພາບເປັນພາບຈຳລອງ
ບົດການນັ້ນສະແດງວ່າເພື່ອນຳພາບທຳມະດາເປັນພາບຈຳລອງ.

ຕົວແຜງພາບ

ຕົວແຜງ ກ່າວຫາ
<img> ກໍານົດພາບ.
<map> ກໍານົດພາບການຈຳລອງ.
<area> ກໍານົດພື້ນທີ່ສາມາດກະຕຸ້ມໃນພາບການຈຳລອງ.