ການກຳນົດສີພື້ນຫຼັງຂອງເວັບເພຈ
ຈະກຳນົດຄຸນສົມບັດຊື່ bgcolor ໄວ້ພາບໃນແທັກ <body> ແລ້ວກຳນົດຄ່າໃຫ້ເທົ່າກັບ ຊື່ສີ ຫຼືລະຫັດສີ ເຊິ່ງມີຮູບແບບການຂຽນດັ່ງນີ້:
<body bgcolor="ຊື່ສີ
ຫຼືລະຫັດສີ">
|
ຕົວຢ່າງ:
<html>
<head><title>ການໃສ່ສີພື້ນຫຼັງໃຫ້ກັບໜ້າເວັບ</title></head>
<body bgcolor="yellow">
ສີພື້ນຫຼັງໜ້າເວັບຈະເປັນສີເຫຼືອງ
</body>
</html>
|
ການໃສ່ຮູບພາບເປັນພື້ນຫຼັງຂອງໜ້າເວັບເພຈ
ແມ່ນຈະໃຊ້ຄຸນສົມບັດ background ໄວ້ພາຍໃນ <body> ແລ້ວກຳນົດຄ່າເປັນຊື່ຫຼືທີ່ຢູ່ຮູບ ເຊິ່ງມີຮູບແບບການຂຽນດັ່ງນີ້:
<body background="ຊື່ທີ່ຢູ່ຂອງຮູບ">
|
ຕົວຢ່າງ:
<html>
<head><title>ກຳນົດຮູບພາບເປັນພື້ນຫຼັງໜ້າເວັບ</title></head>
<body background="bg_1.jpg">
ພື້ນຫຼັງໜ້າເວັບຈະເປັນຮູບພາບ
</body>
</html>
|
- ການນຳໃຊ້ຮູບພາບ.
ຮູບພາບທີ່ນຳມາໃຊ້ໃນອິນເຕີເນັດຄວນເປັນພາບທີ່ມີນາມສະກຸນ
.GIF ຫຼື .JPG ເທົ່ານັ້ນ ໂດຍມີຫຼັກການພິຈາລະນາເລືອກຄື: ພາບທີ່ມີສີນ້ອຍ ຫຼືພາບທີ່ຕ້ອງການເຮັດໃຫ້ພື້ນຫຼັງໂປ່ງໃສຄວນ
ບັນທຶກເປັນນາມສະກຸນ .GIF ແລະ ກຳນົດຄ່າເພີ່ມເຕີມ(Option) ເປັນ
Interlaced ໝາຍຄວາມວ່າ
ໃນການສະແດງພາບຈະຄ່ອຍໆຊັດເຈນຂຶ້ນມາ.
ແຕ່ຖ້າຕ້ອງການພາບທີ່ມີຄວາມລະອຽດ,ຊັດເຈນຄວນເລືອກພາບທີ່ມີນາມສະກຸນ
.JPG ການນຳຮູບພາບມາປະກອບໃນໜ້າເວັບມີຮູບແບບ
ການຂຽນດັ່ງນີ້:
ນອກຈາກນັ້ນເຮົາຍັງສາມາດກຳນົດຄຸນລັກສະນະໃຫ້ກັບຮູບພາບໄດ້
ເພື່ອໃຫ້ຮູບພາບສາ ມາດສະແດງຮ່ວມກັບຂໍ້ຄວາມ ແລະເຮັດໃຫ້ໜ້າເວັບມີຄວາມໜ້າສົນໃຈຂຶ້ນຕື່ມດ້ວຍການເພີ່ຄຸນລັກສະນະຕ່າງໆດັ່ງລຸ່ມນີ້ໄວ້ພາຍໃນ
<img>.
align=top ເປັນການກຳນົດໃຫ້ຂໍ້ຄວາມສະແດງຢູ່ເທິງຮູບ.
align=middle ເປັນການກຳນົດຂໍ້ຄວາມສະແດງຢູ່ເຄິ່ງກາງຂອງຮູບ.
align=bottim ເປັນການກຳນົດຂໍ້ຄວາມສະແດງຢູ່ດ້ານລຸ່ມຂອງຮູບ.
align=left ເປັນການກຳນົດຂໍ້ຄວາມສະແດງຢູ່ເບື້ອງຊ້າຍຂອງຮູບ.
align=right ເປັນການກຳນົດຂໍ້ຄວາມສະແດງຢູ່ເບື້ອງຂວາຂອງຮູບ.
width ກຳນົດຂະໜາດຄວາມກວ້າງຂອງຮູບ ມີຄ່າເປັນຕົວເລກ.
height ກຳນົດຄວາມສູງຂອງຮູບ ມີຄ່າເປັນຕົວເລກ.
hspace ເປັນການກຳນົດໄລຍະຫ່າງລະວ່າງຂອບດ້ານຊ້າຍຂອງຮູບກັບຂໍ້ຄວາມ.
vspace ເປັນການກຳນົດໄລຍະຫ່າງລະວ່າງຂອບດ້ານເທິງຂອງຮູບກັບຂໍ້ຄວາມ.
border ເປັນການກຳນົດເສັ້ນຂອບຂອງຮູບ.
ຕົວຢ່າງ:
<html>
<head><title>Test HTML 2</title></head>
<body leftmargin="0" topmargin="0">
<marquee behavior="alternate"
scrolldelay="500">ສະບາຍດີ</marquee>
<hr color="red">
<img src="koala.jpg" width="200" border="1" align="left"
hspace="10">
align=top ເປັນການກຳນົດໃຫ້ຂໍ້ຄວາມສະແດງຢູ່ເທິງຮູບ.<br>
align=middle ເປັນການກຳນົດຂໍ້ຄວາມສະແດງຢູ່ເຄິ່ງກາງຂອງຮູບ.<br>
align=bottim ເປັນການກຳນົດຂໍ້ຄວາມສະແດງຢູ່ດ້ານລຸ່ມຂອງຮູບ.
</body>
</html
|