ອອກແບບຫນ້າເວັບໄຊຕ໌ແລະຂະຫນາດຂອງຕົວອັກສອນໃນ HTML ໄດ້

ອອກແບບເວັບໄຊຕ໌ຈົວຈະເປັນປະໂຫຍດທີ່ຈະຮູ້ກ່ຽວກັບວິທີການອອກແບບເປັນ text ຫນ້າເວັບ. ພວກເຂົາປະກອບມີຄວາມສອດຄ່ອງ, ສີ, ຂະຫນາດຕົວອັກສອນ, ແລະອື່ນໆອີກ.

ກ່ຽວກັບຮູບແບບ tags ຫຼາຍທີ່ກ່ຽວຂ້ອງ. ການນໍາໃຊ້ທົ່ວໄປທີ່ສຸດ "p" - ວັກ. ມັນມີຕົວກໍານົດທາງເລືອກທີ່ກໍານົດຮູບລັກສະນະ ຂອງຂໍ້ຄວາມ.

ທໍາອິດແລະຕົ້ນຕໍພາລາມິເຕີ - ນີ້ "align". ມັນຕັດສິນກໍານົດຄວາມສອດຄ່ອງຂອງຂໍ້ຄວາມແລະສາມາດໄດ້ຮັບການບໍ່ວ່າຈະ "ໄວ້", "ສິດທິໃນ", "center" ແລະ "justify" - ການຈັດຕໍາແຫນ່ງໃນເບື້ອງຊ້າຍມື, ມີສິດ, ສູນ, ແລະໃນທົ່ວ width ຂອງຕັນໄດ້, ຕາມລໍາດັບ. ໃຫ້ສັງເກດວ່າຕໍາແຫນ່ງຂອງຂໍ້ຄວາມໄດ້ຖືກມອບໃຫ້ບໍ່ກ່ຽວກັບຊາຍແດນຫນ້າຈໍ, ແລະພາຍໃນຫຍໍ້ຫນ້າ.

ນີ້ແມ່ນຕິດຕາມມາດ້ວຍຕົວກໍານົດການ "ຫ້ອງຮຽນ" ແລະ "id". ພວກເຂົາກໍານົດທີ່ລະດັບເປັນວັດຖຸແລະຕົວລະບຸຂອງຕົນ. ນີ້ອາດຈະປະກອບການໃຫ້ເຫດຜົນແລະ "ແບບ" - ເຂົາຖາມບລັອກແບບສອດຄ່ອງ. ທັງຫມົດຂອງຄຸນສົມບັດເຫຼົ່ານີ້ແມ່ນກ່ຽວຂ້ອງກັບ CSS, ທີ່ພວກເຮົາຈະໄປຕ່ໍາພຽງເລັກນ້ອຍ.

ໃນໂຄດຄໍາສັ່ງ "p" ມີຈຸດອ່ອນຫນຶ່ງ - ມັນບໍ່ສາມາດທີ່ຈະຕັ້ງພາຍນອກ ທັດສະນະຂອງຕົວອັກສອນ, ເຊັ່ນ: ສີຫລືຂະຫນາດຂອງຕົນ. ສໍາລັບຈຸດປະສົງເຫຼົ່ານີ້ແມ່ນໂຄດຄໍາສັ່ງອື່ນ - "font". ທັງຫມົດຂອງທາງເລືອກໃນການຂອງຕົນກໍານົດວິທີຄວາມຈະເບິ່ງຄື.

ການໃຫ້ເຫດຜົນທໍາອິດຂອງໂຄດຄໍາສັ່ງຂອງ - "ສີ". ຂະນະທີ່ທ່ານອາດຈະໄດ້ guessed, ມີແມ່ນໃຫ້ສີ. ຕົວກໍານົດການນີ້ອາດຈະໄດ້ຮັບການປະຕິບັດເປັນຊື່ ( "ສີຂາວ", "ສີເຫຼືອງ", "magenta"), ແລະຄ່າໃນລະບົບ RGB. ນີ້ແມ່ນເຮັດໄດ້ດັ່ງນີ້: ຄັ້ງທໍາອິດເຮັດໃຫ້ອາ #, ແລະຫຼັງຈາກນັ້ນຊອກຫາຈໍານວນສາມໃນ ເລກຖານສິບຫົກ ຈາກ 00 ກັບ ff ຫຼືຈາກ 0 ເຖິງ 255 - ອັດຕານິຍົມ - ຈໍານວນຂອງສີແດງ, ສີຂຽວແລະສີຟ້າໃນສີສຸດທ້າຍ. ສໍາລັບຕົວຢ່າງ, ການນໍາໃຊ້ສີແດງຂຽນ "# ff0000", ສີເຫຼືອງ - "# FFFF00".

ການໃຫ້ເຫດຜົນຕໍ່ໄປ - "ໃບຫນ້າ". ມັນໄດ້ກໍານົດ ອັກສອນ. ສໍາລັບຕົວຢ່າງ, ມັນສາມາດໄດ້ຮັບການຕັ້ງຄ່າເປັນ "Times New Roman" ຫຼື "Tahoma".

ແລະສຸດທ້າຍ, ສໍາລັບຂະຫນາດຂອງຕົວອັກສອນໃນ HTML ໄດ້ຕອບ "ຂະຫນາດ" ຕົວກໍານົດການ. ມັນໃຊ້ເວລາເປັນມູນຄ່າຈໍານວນ - font.

ສໍາລັບຕົວຢ່າງ, ທີ່ຈະສະແດງຂໍ້ຄວາມໃນສີຟ້າແລະຕົວອັກສອນ "Comic Sans MS" pin ສິບຫ້າ, ມັນເປັນສິ່ງຈໍາເປັນເພື່ອກໍານົດການໂຄດຄໍາສັ່ງ "p" ກັບຕົວກໍານົດການດັ່ງຕໍ່ໄປນີ້:

color = "# 6666ff" ໃບຫນ້າ = "Comic Sans MS" size = "15"

ນອກຈາກນີ້, ມີຫຼາຍ tags ທີ່ອະນຸຍາດໃຫ້ລະບຸປະເພດຫນຶ່ງໂດຍສະເພາະຂອງຮູບແບບ: "b" - ເຂັ້ມ, "ຂ້າພະເຈົ້າ" - ຫຼືໂຕເນີ້ງ, "u" - ຂີດກ້ອງ. ທັງຫມົດຂອງເຂົາເຈົ້າມີພາລາມິເຕີທີ່ບໍ່ມີ.

ກໍານົດຄຸນລັກສະນະຂໍ້ຄວາມໃນ HTML - ຫູຟັງຂະຫນາດ font - ບໍ່ສະດວກ pretty. ຈິນຕະນາການທີ່ທ່ານຈໍາເປັນຕ້ອງໄດ້ຮັບການ alternated ມີທ່ອນໄມ້ການອອກແບບທີ່ແຕກຕ່າງກັນຂອງຂໍ້ຄວາມ. ຫຼັງຈາກນັ້ນ, ສໍາລັບແຕ່ລະຄົນຂອງ tags ທີ່ທ່ານມີເພື່ອກໍານົດຄຸນລັກສະນະດຽວກັນ. ຫຼາຍສະດວກຫຼາຍມັນສາມາດດໍາເນີນການຊ່ວຍເຫຼືອຂອງ Sheets Style CSS, Cascading ໄດ້. ສໍາລັບຕົວຢ່າງ, ເພື່ອສ້າງລະດັບຮູບທີ່ເອີ້ນວ່າ "MyClass" ກັບການອອກແບບໃນຕົວຢ່າງທີ່ຜ່ານມາ, ທ່ານຈໍາເປັນຕ້ອງໄດ້ເພີ່ມໂຄດຄໍາສັ່ງ "style" ບັນທັດນີ້

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt;}

ນີ້ "rgb (102,102,255)" ຊຸດສີ, "Comic Sans MS" - ຊຸດຫູຟັງແລະ "15pt" - ຂະຫນາດຕົວອັກສອນ. ສີຍັງສາມາດລະບຸຊື່ແລະຕົວອັກສອນ - ຄື skittles ແລະ pixels ໄດ້ (ສໍາລັບນີ້ທ່ານຕ້ອງການທີ່ຈະຂຽນ, ສໍາລັບການຍົກຕົວຢ່າງ, "20px").

ການນໍາໃຊ້ການຈົດທະບຽນນີ້ແມ່ນມີຄວາມຈໍາເປັນທີ່ຈະ "p" ໂຄດຄໍາສັ່ງຂຽນ:

class = "MyClass"

ໃນວິທີການດຽວກັນ, ທ່ານສາມາດແຕ້ມຂໍ້ຄວາມອື່ນໆ. ມັນເປັນພຽງພໍທີ່ຈະກໍານົດພາລາມິເຕີ "class" ຈາກລະດັບຂອງມູນຄ່າທີ່ທ່ານຕ້ອງການທີ່ຈະນໍາໃຊ້.

ແລະເພື່ອສ້າງເປັນລະຫັດທີ່ມີຊື່ "myid", ຈໍາເປັນຕ້ອງໄດ້ "style" ບັນທຶກ:

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt;},

ແລະໂຄດຄໍາສັ່ງ "p" ຕັ້ງຄ່າໃຫ້ເຫດຜົນ "id" ມີມູນຄ່າຂອງ "myid".

ຫ້ອງຮຽນແລະລະຫັດ - ມັນເປັນການປະຕິບັດສິ່ງດຽວກັນ. ໃນກໍລະນີນີ້ໂຄດຄໍາສັ່ງຫນຶ່ງອາດຈະໄດ້ຮັບປະກາດເປັນຄັ້ງທໍາອິດແລະທີສອງ:

class = "MyClass" id = "myid"

HTML ແລະ CSS - ມີສອງວິທີທີ່ຈະມີການປ່ຽນແປງລັກສະນະຂອງຂໍ້ຄວາມແມ່ນ. ຖ້າຫາກວ່າທ່ານຕ້ອງການທີ່ຈະອອກຫນຶ່ງຫຼືສອງບລັອກສູ່ລະບົບ. ຈໍານວນຂະຫນາດໃຫຍ່ຂອງວັກກັບ CSS ຮູບແບບທີ່ເປັນສະດວກສະບາຍຫຼາຍ.

ຂະນະທີ່ທ່ານສາມາດເບິ່ງ, ມີການປ່ຽນແປງຂະຫນາດຕົວອັກສອນໃນ HTML ແມ່ນ SNAP ເປັນ. ດໍາເນີນໂຄງການຕົ້ນຕໍ - ການປະຕິບັດ, ສະນັ້ນພະຍາຍາມອອກກໍາລັງກາຍຫຼາຍ, ແລະທ່ານຈະໄດ້ສໍາເລັດ!