HTML ຖານແບບ

ສ່ວນເພີ່ມ style ນຳໃຊ້ເພື່ອປ່ຽນວິທະຍາສາດວັດຖຸ HTML.

ຂໍ້ຄວາມນີ້ໃນ Verdana ແລະ red
ຂໍ້ຄວາມນີ້ໃນ Times ແລະ blue
ຂໍ້ຄວາມນີ້ມີຄວາມສູງ 30 ຕີ່

ການທົດລອງດ້ວຍຕົວເອງ

ສ່ວນເພີ່ມ style HTML

ການປະຕິບັດຂອງສ່ວນເພີ່ມ style

ສະໜັບສະໜູນວິທະຍາສາດປ່ຽນວິທະຍາສາດຂອງວັດຖຸ HTML.

ຖານແບບແມ່ນສິ່ງໃຫຍ່ທີ່ຖືກນຳໃຊ້ໂດຍ HTML 4, ມັນແມ່ນວິທະຍາສາດໃຫຍ່ທີ່ບໍ່ຕ້ອງຫຼີກລ່ຽງສຳລັບການປ່ຽນວິທະຍາສາດຂອງວັດຖຸ HTML. ວິທະຍາສາດຖານແບບ, ທ່ານສາມາດເພີ່ມຖານແບບໂດຍການໃຊ້ສ່ວນເພີ່ມ style ໂດຍກົງໃສ່ວັດຖຸ HTML, ຫຼືອອກຈາກຫົວຫຼັງຖານແບບ (CSS ຕາມລະບົບໄຟເບຍ).

ທ່ານສາມາດຊົມກັບ: ຄູ່ມວນຊົນ CSSຮຽນກ່ຽວກັບຖານແບບ ແລະ CSS.

ໃນຄູ່ມວນຊົນ HTML ຂອງພວກເຮົາ, ພວກເຮົາຈະໃຊ້ສ່ວນເພີ່ມ style ເພື່ອສະແດງຖານແບບ HTML

ປະເພດແລະສ່ວນເພີ່ມທີ່ບໍ່ສະໜັບສະໜູນ

ໃນ HTML 4, ມີປະເພດແລະສ່ວນເພີ່ມຫຼາຍຫົວທີ່ຖືກຖິ້ມຖອຍ.

ຂໍ້ຂໍ້ມູນທີ່ສົມມຸດຂອງພວກເຂົາອາດຈະຈະແຈ້ງແຈງ: ຄວນຫຼີກລ່ຽງຖານແລະສ່ວນເພີ່ມນີ້!

ຄວນຫຼີກລ່ຽງຖານແລະສ່ວນເພີ່ມນີ້:

ປະເພດ ອະທິບາຍ
<center> ກຳນົດຂໍ້ຄວາມທີ່ຕັ້ງຢູ່ກາງ
<font> ແລະ <basefont> ກຳນົດວິທະຍາສາດ HTML
<s> ແລະ <strike> ກຳນົດຂໍ້ຄວາມທີ່ຖືກກຳຈັດ
<u> ກຳນົດຂໍ້ຄວາມມີຫົວຫຼັງ
ສ່ວນເພີ່ມ ອະທິບາຍ
align ກຳນົດການຕັດສິນຂອງຂໍ້ຄວາມ
bgcolor ກຳນົດສີກາຍຫຼັງ
color ກຳນົດສີຂອງຂໍ້ຄວາມ

ສໍາລັບແຕ່ລະແຜງໜຶ່ງທີ່ກ່າວກ່າວນີ້: ຍັງບໍ່ຕ້ອງໃຊ້ຖານແບບ!

ຄວາມນັບແບບ HTML - ສີກາຍຫຼັງ

background-color ສ່ວນເພີ່ມໃຫ້ວັດຖຸມີສີກາຍຫຼັງ:

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">ຫົວຂໍ້.</h2>
<p style="background-color:green">ວິຊາບົດ.</p>
</body>
</html>

ການທົດລອງດ້ວຍຕົວເອງ

ລະບົບ style ໄດ້ລົບລ້າງລະບົບ bgcolor ທີ່ເກົ່າ.

ການທົດລອງດ້ວຍຕົວເອງ: ການຈັດການສີກະດານເທື່ອທີ່ເກົ່າ

ຄູ່ມິດ HTML - ປະເພດ, ສີ ແລະ ຂະໜາດ

ລະບົບ font-family, color ແລະ font-size ຈະກຳນົດປະເພດປົກກະຕິ, ສີ ແລະ ຂະໜາດຂອງຄວາມພາສາຂອງປະກອບ.

<html>
<body>
<h1 style="font-family:verdana">ຫົວຂໍ້.</h1>
<p style="font-family:arial;color:red;font-size:20px;">ວິຊາບົດ.</p>
</body>
</html>

ການທົດລອງດ້ວຍຕົວເອງ

ລະບົບ style ໄດ້ລົບລ້າງອັບເທັນ font ທີ່ເກົ່າ.

ການທົດລອງດ້ວຍຕົວເອງ: ການຈັດການປະເພດປົກກະຕິເກົ່າ

ຄູ່ມິດ HTML - ຈັດການຕິດຕາມຄວາມພາສາ

ລະບົບ text-align ຈະກຳນົດວິທີຈັດການຕິດຕາມຂອງຄວາມພາສາຂອງປະກອບ.

<html>
<body>
<h1 style="text-align:center">ຫົວຂໍ້ນີ້</h1>
<p>ຫົວຂໍ້ທີ່ກ່ຽວກັບກາງວັດສະດຸນີ້ຈະຈັດການຕິດຕາມກາງຂອງວັດສະດຸນີ້.</p>
</body>
</html>

ການທົດລອງດ້ວຍຕົວເອງ

ລະບົບ style ໄດ້ລົບລ້າງລະບົບ align ທີ່ເກົ່າ.

ການທົດລອງດ້ວຍຕົວເອງ: ການຈັດການຕິດຕາມກາງເທື່ອທີ່ເກົ່າ