ຖ້າທ່ານຕ້ອງການສ້າງຫນ້າເວັບຂອງທ່ານເອງ, ທ່ານຕ້ອງມີຄວາມເຂົ້າໃຈກ່ຽວກັບ HTML. ບົດຄວາມນີ້ອະທິບາຍວິທີການສ້າງຫນ້າ HTML. ນອກຈາກນີ້, ທ່ານຈະຮຽນຮູ້ວິທີການສ້າງແຜນຜັງເວັບໄຊທ໌ xml ແລະວິທີການເພີ່ມຮູບພາບແລະການເຊື່ອມຕໍ່. ມັນຍັງມີຄວາມສໍາຄັນທີ່ຈະສ້າງແຜນຜັງເວັບໄຊທ໌ xml, ເຊິ່ງສາມາດຊ່ວຍໃຫ້ທ່ານຈັດລະບຽບເວັບໄຊຂອງທ່ານແລະເພີ່ມການເຂົ້າຊົມຂອງທ່ານ. ຂັ້ນຕອນຕໍ່ໄປແມ່ນເລືອກແມ່ແບບ.
ການສ້າງຫນ້າ html
HTML ແມ່ນພາສາ markup. ທຸກໆອົງປະກອບຂອງຫນ້າເວັບແມ່ນສະແດງໂດຍແທັກ. ແທັກຖືກລະບຸໂດຍວົງເລັບມຸມ, ແລະທຸກໆອົງປະກອບມີຫນຶ່ງຫຼືຫຼາຍແທັກ. ບາງອົງປະກອບຕ້ອງການແທັກດຽວເທົ່ານັ້ນ; ຄົນອື່ນອາດຈະຕ້ອງການສອງ. ປ້າຍເປີດ ແລະປິດມີຕົວຫຍໍ້ໜ້າ (/). ຍົກຕົວຢ່າງ, ອົງປະກອບຂອງວັກແມ່ນສະແດງໂດຍ p tag. ຂໍ້ຄວາມລະຫວ່າງແທັກເປີດ ແລະປິດແມ່ນຂໍ້ຄວາມຫຍໍ້ໜ້າ.
ເພື່ອສ້າງເອກະສານ HTML, ທ່ານຈະຕ້ອງໃຊ້ຕົວແກ້ໄຂຂໍ້ຄວາມ. ຄອມພິວເຕີສ່ວນໃຫຍ່ມີຕົວແກ້ໄຂຂໍ້ຄວາມຕາມຄ່າເລີ່ມຕົ້ນ. ຜູ້ໃຊ້ Windows ຈະໃຊ້ Internet Explorer, ໃນຂະນະທີ່ຜູ້ໃຊ້ Mac ສາມາດໃຊ້ TextEdit. ທ່ານສາມາດຕິດຕັ້ງບັນນາທິການຂໍ້ຄວາມ fancy ເພື່ອສ້າງຫນ້າເວັບທີ່ເປັນມືອາຊີບ, ແຕ່ສໍາລັບຫນ້າ HTML ທໍາອິດຂອງທ່ານ, ມັນບໍ່ຈໍາເປັນ. ທ່ານຍັງສາມາດໃຊ້ຕົວແກ້ໄຂຂໍ້ຄວາມທີ່ງ່າຍດາຍແລະຕົວທ່ອງເວັບໃດໆ. ຖ້າທ່ານບໍ່ແນ່ໃຈວ່າຈະໃຊ້ໂປຣແກຣມໃດ, ລອງດາວໂຫລດຕົວແກ້ໄຂ HTML ຟຣີ.
ຫນ້າ html ມີສອງສ່ວນຕົ້ນຕໍ: ຮ່າງກາຍແລະຫົວ. ພາກສ່ວນຂອງຮ່າງກາຍປະກອບດ້ວຍເນື້ອໃນຕົວຈິງຂອງເວັບໄຊທ໌, ໃນຂະນະທີ່ສ່ວນຫົວແມ່ນໃຊ້ສໍາລັບຫົວຂໍ້ແລະຂໍ້ມູນ meta. ຮ່າງກາຍປະກອບດ້ວຍອົງປະກອບອື່ນໆທັງຫມົດ, ລວມທັງຮູບພາບແລະຮູບພາບອື່ນໆ. ພາກສ່ວນຫົວແມ່ນບ່ອນວາງການເຊື່ອມຕໍ່ນໍາທາງຂອງທ່ານ. ຫຼັງຈາກທີ່ທ່ານສໍາເລັດການຂຽນຮ່າງກາຍ, ທ່ານພ້ອມທີ່ຈະໃສ່ເນື້ອໃນຂອງເອກະສານ. ໃຫ້ແນ່ໃຈວ່າໃຊ້ອົງປະກອບຂອງຮ່າງກາຍແລະຫົວເພື່ອຮັບປະກັນວ່າເວັບໄຊທ໌ຂອງທ່ານສາມາດເຂົ້າເຖິງທຸກຄົນໄດ້.
ການສ້າງແຜນຜັງເວັບໄຊທ໌ xml
ຖ້າທ່ານມີຫນ້າ HTML, ທ່ານອາດຈະຕ້ອງການສ້າງແຜນຜັງເວັບໄຊທ໌ XML ເພື່ອຊ່ວຍໃຫ້ເຄື່ອງຈັກຊອກຫາລວບລວມເວັບໄຊທ໌ຂອງທ່ານ. ເຖິງແມ່ນວ່ານີ້ຈະບໍ່ມີຜົນກະທົບຕໍ່ການຈັດອັນດັບການຊອກຫາຂອງທ່ານ, ມັນຈະຊ່ວຍໃຫ້ເຄື່ອງຈັກຊອກຫາເຂົ້າໃຈເນື້ອຫາຂອງທ່ານແລະປັບອັດຕາການລວບລວມຂໍ້ມູນຂອງພວກເຂົາ. ວິທີນີ້, ເວັບໄຊທ໌ຂອງທ່ານຈະເຫັນໄດ້ຫຼາຍຂຶ້ນໃນຜົນໄດ້ຮັບຂອງເຄື່ອງຈັກຊອກຫາ. ນີ້ແມ່ນບາງຂັ້ນຕອນງ່າຍໆເພື່ອເລີ່ມຕົ້ນ:
ການສ້າງແຜນຜັງເວັບໄຊທ໌ HTML ແມ່ນງ່າຍທີ່ຈະເຮັດ. ທັງຫມົດທີ່ທ່ານມີເພື່ອເຮັດແມ່ນເຮັດໃຫ້ຕາຕະລາງງ່າຍດາຍຂອງຫນ້າເວັບໄຊຂອງທ່ານ, ດ້ວຍການເຊື່ອມຕໍ່ກັບແຕ່ລະຫນ້າ. ຫຼັງຈາກນັ້ນ, ເຊື່ອມຕໍ່ກັບຫນ້າແຜນຜັງເວັບໄຊທ໌ນັ້ນຢູ່ໃນສ່ວນຫົວຫຼືສ່ວນທ້າຍ. ວິທີນີ້, ບໍ່ວ່າເວັບໄຊຂອງເຈົ້າມີໜ້າເທົ່າໃດ, ປະຊາຊົນສາມາດນໍາທາງຜ່ານພວກເຂົາໄດ້ຢ່າງງ່າຍດາຍ. ຍິ່ງໄປກວ່ານັ້ນ, ທ່ານບໍ່ຈໍາເປັນຕ້ອງສົ່ງ SEO ເພື່ອສ້າງແຜນຜັງເວັບໄຊທ໌.
ເມື່ອຫນ້າ HTML ຂອງເຈົ້າມີຊີວິດຢູ່, ສົ່ງໄປທີ່ Google Search Console. ທ່ານສາມາດໃຊ້ນາມສະກຸນໄຟລ໌ໃດນຶ່ງ ແລະຕັ້ງຊື່ແຜນຜັງເວັບໄຊທ໌ XML ຂອງທ່ານໄດ້. ທ່ານສາມາດສົ່ງແຜນຜັງເວັບໄຊທ໌ XML ໃຫ້ Google, ແຕ່ວ່າມັນບໍ່ຈໍາເປັນ. ຕົວກວາດເວັບຂອງ Google ໂດຍທົ່ວໄປແມ່ນດີພໍທີ່ຈະຄົ້ນພົບເນື້ອຫາໃຫມ່, ແລະທ່ານບໍ່ຈໍາເປັນຕ້ອງສົ່ງແຜນຜັງເວັບໄຊທ໌ໃຫ້ພວກເຂົາ. ນອກນັ້ນທ່ານຍັງສາມາດສົ່ງມັນໄປຫາເຄື່ອງຈັກຊອກຫາອື່ນໆ, ແຕ່ນີ້ບໍ່ໄດ້ຮັບປະກັນວ່າທ່ານຈະຖືກຄົ້ນພົບໂດຍ Google.
ມັນບໍ່ຈໍາເປັນຕ້ອງເພີ່ມແຜນຜັງເວັບໄຊທ໌ XML ໃສ່ຫນ້າເວັບຂອງທ່ານ, ແຕ່ມັນຈະເພີ່ມ SEO ຂອງເວັບໄຊທ໌ຂອງເຈົ້າ. ແຜນຜັງເວັບໄຊທ໌ໄດ້ຖືກນໍາໃຊ້ໂດຍເຄື່ອງຈັກຊອກຫາເພື່ອຊ່ວຍໃຫ້ພວກເຂົາດັດສະນີຫນ້າທີ່ບໍ່ໄດ້ເຊື່ອມຕໍ່ໂດຍກົງກັບຫນ້າເວັບ. ແຜນຜັງເວັບໄຊທ໌ຍັງຊ່ວຍປັບປຸງການເຂົ້າເຖິງຂອງເນື້ອຫາສື່ທີ່ອຸດົມສົມບູນ. ການເພີ່ມແຜນຜັງເວັບໄຊທ໌ໃນເວັບໄຊທ໌ຂອງທ່ານສາມາດຊ່ວຍເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານສາມາດເຂົ້າເຖິງ bots ເຄື່ອງຈັກຊອກຫາ.
ເພີ່ມຮູບ
ໃນ HTML, ທ່ານສາມາດເພີ່ມຮູບພາບໃນຫນ້າໂດຍການນໍາໃຊ້ໂຄດຄໍາສັ່ງ img. ແທັກນີ້ມີພຽງແຕ່ຮູບພາບ ແລະຄຸນລັກສະນະຂອງມັນເທົ່ານັ້ນ; ມັນບໍ່ຈໍາເປັນຕ້ອງມີປ້າຍປິດ. ແທັກຮູບພາບນີ້ຄວນຈະຖືກໃສ່ພາຍໃນສ່ວນເນື້ອໃນຂອງເອກະສານ HTML. ນອກເຫນືອຈາກຄວາມກວ້າງແລະຄວາມສູງຂອງຮູບ, ທ່ານຄວນປະກອບ alt attribute ອະທິບາຍຮູບ. ໂຄດຄໍາສັ່ງ alt ຄວນຖືກຂຽນຄືກັບວ່າທ່ານກໍາລັງຂຽນຄໍາອະທິບາຍສໍາລັບບຸກຄົນທີ່ບໍ່ສາມາດເບິ່ງໄດ້.
ການເພີ່ມຮູບພາບໃສ່ເອກະສານ HTML ຕ້ອງການຄວາມຮູ້ CSS ແລະ HTML ເລັກນ້ອຍ. ຂະຫນາດຮູບພາບແລະຄວາມລະອຽດແມ່ນສອງປັດໄຈທີ່ສໍາຄັນທີ່ສຸດທີ່ຈະພິຈາລະນາ. ຂະຫນາດຂອງຮູບພາບຈະກໍານົດວິທີການທີ່ມັນຈະເຫມາະກັບເນື້ອໃນຂອງເອກະສານ. ຖ້າທ່ານຕ້ອງການໃຊ້ຄວາມລະອຽດ ຫຼືອັດຕາສ່ວນທີ່ແຕກຕ່າງກັນ, ທ່ານຍັງສາມາດລອງປັບຂະຫນາດຮູບພາບໄດ້. ແນວໃດກໍ່ຕາມ, ຈື່ໄວ້ວ່າການປັບຂະຫນາດບໍ່ເຮັດວຽກຕາມທີ່ເຈົ້າຄາດຫວັງສະເໝີ.
ກົດລະບຽບທີ່ດີສໍາລັບການປັບຂະຫນາດຂອງຮູບພາບແມ່ນການເພີ່ມຄວາມກວ້າງຂອງມັນ. ຄວາມກວ້າງຄວນຈະມີຢ່າງໜ້ອຍໜຶ່ງພິກເຊວນ້ອຍກວ່າຄວາມສູງ. ຖ້າຮູບພາບມີຂະຫນາດນ້ອຍເກີນໄປທີ່ຈະສະແດງ, ທ່ານສາມາດເພີ່ມຊາຍແດນໄດ້, ແລະຫຼັງຈາກນັ້ນປັບມັນໃຫ້ພໍດີກັບຂະຫນາດຮູບພາບ. ນອກນັ້ນທ່ານຍັງສາມາດປັບຂອບຂອງຮູບພາບໂດຍການເພີ່ມມັນໃສ່ຄຸນລັກສະນະຊາຍແດນ. ຄວາມໜາຂອງຂອບແມ່ນຄ່າເລີ່ມຕົ້ນ, ແຕ່ທ່ານສາມາດຕັ້ງມັນເປັນມູນຄ່າໃດໆ. ໃຫ້ແນ່ໃຈວ່າຮູບພາບມີຄຸນລັກສະນະ src.
ກຳລັງເພີ່ມລິ້ງ
ທ່ານສາມາດເພີ່ມການເຊື່ອມຕໍ່ໃນ HTML ໃສ່ເອກະສານຂອງທ່ານໂດຍໃຊ້ a> tag ທີ່ມີຄຸນສົມບັດ href. ນີ້ຈະສ້າງ bookmark ສໍາລັບເອກະສານແລະເປີດມັນຢູ່ໃນແຖບໃຫມ່. ທ່ານຍັງສາມາດໃຊ້ຄຸນສົມບັດ href ເພື່ອໃສ່ຮູບພາບເຂົ້າໄປໃນເອກະສານໄດ້. ທ່ານຍັງສາມາດໃຊ້ລິ້ງທີ່ມີລະຫັດ JavaScript ເພື່ອປ່ຽນປຸ່ມ HTML ເປັນລິ້ງ. ເມື່ອທ່ານໄດ້ເຮັດສິ່ງນີ້ແລ້ວ, ທ່ານສາມາດສະໄຕລ໌ລິ້ງຂອງເຈົ້າດ້ວຍລະຫັດ CSS ຫຼື JavaScript.
ການເຊື່ອມໂຍງແມ່ນການເຊື່ອມຕໍ່ຈາກຊັບພະຍາກອນເວັບຫນຶ່ງໄປຫາອີກ. ມັນປະກອບດ້ວຍສອງປາຍ, ສະມໍແຫຼ່ງແລະຈຸດຫມາຍປາຍທາງ. ລິ້ງສາມາດເປັນອັນໃດກໍໄດ້ຈາກຮູບໄປຫາໄຟລ໌ຂໍ້ຄວາມ. ເວັບໄຊທ໌ແລະເວັບໄຊທ໌ເຄືອຂ່າຍສັງຄົມສ່ວນໃຫຍ່ໃຊ້ການເຊື່ອມຕໍ່ກັບຜູ້ໃຊ້ໂດຍກົງໄປຫາ URL ໃດຫນຶ່ງ. HTML ຍັງສາມາດຖືກນໍາໃຊ້ເພື່ອກໍານົດສະຖານທີ່ຂອງການເຊື່ອມຕໍ່. ມັນ 'a’ ຄຸນລັກສະນະຊ່ວຍໃຫ້ທ່ານສາມາດເຊື່ອມຕໍ່ອົງປະກອບລະຫັດກັບ URL.
ເມື່ອອອກແບບການເຊື່ອມຕໍ່, ໃຫ້ແນ່ໃຈວ່າຈະພິຈາລະນາວ່າຜູ້ເຂົ້າຊົມຂອງທ່ານຈະໃຊ້ເນື້ອຫາແນວໃດ. ຂໍ້ຄວາມເຊື່ອມຕໍ່ຄວນຈະເປັນຄໍາອະທິບາຍ, ເພື່ອວ່າເຂົາເຈົ້າຈະຮູ້ຢ່າງແທ້ຈິງສິ່ງທີ່ເຂົາເຈົ້າຄວນຄາດຫວັງ. ການຊໍ້າຄືນຂອງ URL ດຽວກັນແມ່ນຂີ້ຮ້າຍສໍາລັບຜູ້ອ່ານຫນ້າຈໍ, ແລະມັນບໍ່ໃຫ້ຂໍ້ມູນທີ່ເປັນປະໂຫຍດແກ່ເຂົາເຈົ້າ. ຜູ້ອ່ານຫນ້າຈໍຍັງບອກຜູ້ໃຊ້ເມື່ອມີການເຊື່ອມຕໍ່ໂດຍການເຮັດໃຫ້ພວກເຂົາມີຮູບແບບທີ່ແຕກຕ່າງກັນຫຼື underlined. ດ້ວຍວິທີນີ້, ພວກເຂົາສາມາດຊອກຫາຂໍ້ມູນທີ່ພວກເຂົາຕ້ອງການໄດ້ງ່າຍ.
ການເພີ່ມຕາຕະລາງ
ການເພີ່ມຕາຕະລາງໃສ່ຫນ້າ HTML ແມ່ນງ່າຍດາຍ, ແຕ່ມີບາງສິ່ງທີ່ທ່ານຄວນພິຈາລະນາກ່ອນທີ່ທ່ານຈະເຮັດມັນ. ສີພື້ນຫຼັງຂອງຕາຕະລາງຂອງທ່ານແມ່ນສໍາຄັນສໍາລັບການຈັບຕາຜູ້ເຂົ້າຊົມຂອງທ່ານແລະດຶງດູດຄວາມສົນໃຈກັບຂໍ້ມູນທີ່ສໍາຄັນ. ທ່ານສາມາດກໍານົດສີທີ່ແຕກຕ່າງກັນສໍາລັບອົງປະກອບສ່ວນຫົວຂອງຕາຕະລາງແລະອົງປະກອບຂໍ້ມູນໂດຍການໃຊ້ລະຫັດສີ hex ຫຼືຊື່ສີ.. ໃນທາງໃດກໍ່ຕາມ, ຕາ ຕະ ລາງ ຂອງ ທ່ານ ຈະ ເຫັນ ໄດ້ ຢ່າງ ງ່າຍ ດາຍ.
ທ່ານສາມາດເພີ່ມຫົວຕາຕະລາງແລະຂໍ້ມູນຕາຕະລາງດ້ວຍອົງປະກອບ td, ເຊິ່ງກໍານົດບຸກຄົນ “ກ່ອງ” ສໍາລັບເນື້ອໃນ. ການເພີ່ມຫົວຕາຕະລາງເປັນຂັ້ນຕອນທໍາອິດເພື່ອສະແດງຂໍ້ມູນໃນຫນ້າເວັບ, ແລະທ່ານຄວນເພີ່ມອັນທໍາອິດຖ້າທ່ານຕ້ອງການ. ຕາຕະລາງຄວນມີສາມແຖວ. ຫນຶ່ງຫົວຄວນຈະຫວ່າງເປົ່າ. ຖ້າຕາຕະລາງຂອງເຈົ້າມີຖັນ, ທ່ານຄວນສ້າງສ່ວນຫົວແຖວສໍາລັບແຕ່ລະຖັນ.
ນອກນັ້ນທ່ານຍັງສາມາດເພີ່ມຄໍາບັນຍາຍໃສ່ຕາຕະລາງຂອງທ່ານ. ຄຳບັນຍາຍເປັນອົງປະກອບທາງເລືອກທີ່ອະທິບາຍຈຸດປະສົງຂອງຕາຕະລາງ. ຄຳບັນຍາຍຍັງມີປະໂຫຍດຕໍ່ການຊ່ວຍເຂົ້າເຖິງ. ຕາຕະລາງຍັງສາມາດປະກອບມີຈຸລັງທີ່ອະທິບາຍກຸ່ມຂໍ້ມູນ. ສຸດທ້າຍ, ທ່ານສາມາດເພີ່ມອົງປະກອບຫົວຂໍ້ເພື່ອກໍານົດຊຸດຂອງແຖວແລະຖັນ. ທ່ານສາມາດນໍາໃຊ້ທັງສອງອົງປະກອບຮ່ວມກັນຫຼືແຍກຕ່າງຫາກ. ທ່ານຍັງສາມາດໃຊ້ພວກມັນປະສົມປະສານໄດ້, ແຕ່ຄໍາບັນຍາຍແມ່ນສໍາຄັນທີ່ສຸດ.
ການເພີ່ມ div
ການເພີ່ມ div ກັບໄຟລ໌ HTML ຊ່ວຍໃຫ້ທ່ານສາມາດເພີ່ມສ່ວນຂອງຫນ້າເວັບຂອງທ່ານໂດຍບໍ່ຕ້ອງຂຽນຫນ້າທັງຫມົດ.. ອົງປະກອບ div ແມ່ນບັນຈຸພິເສດສໍາລັບຂໍ້ຄວາມ, ຮູບພາບຕ່າງໆ, ແລະອົງປະກອບອື່ນໆ. ທ່ານສາມາດຕັ້ງຊື່ມັນທຸກທີ່ທ່ານຕ້ອງການແລະການປ່ຽນແປງຄຸນລັກສະນະຂອງຕົນໃຫ້ເຫມາະສົມກັບຄວາມຕ້ອງການຂອງທ່ານ. ນອກນັ້ນທ່ານຍັງສາມາດເພີ່ມຊັ້ນຮຽນຫຼືຂອບເພື່ອສ້າງຊ່ອງຫວ່າງລະຫວ່າງ div ແລະອົງປະກອບອື່ນໆໃນຫນ້າຂອງທ່ານ.
ທ່ານຍັງສາມາດໃຊ້ຄຸນລັກສະນະ HTML ພາຍໃນເພື່ອໃສ່ລະຫັດພາຍໃນ div. ວິທີການນີ້ຍອມຮັບລະຫັດທີ່ປິດຢູ່ໃນສະຕຣິງ, ແລະຖ້າມັນບໍ່ແມ່ນຢູ່ໃນ div, ເນື້ອໃນຈະຖືກລຶບອອກ. ທ່ານຄວນຫຼີກເວັ້ນການໃສ່ລະຫັດເຂົ້າໄປໃນ div ດ້ວຍວິທີນີ້, ຍ້ອນວ່າມັນອາດຈະເປີດເຜີຍເວັບໄຊທ໌ຂອງທ່ານໄປສູ່ຄວາມອ່ອນແອຂອງສະຄິບຂ້າມເວັບໄຊທ໌. ຖ້າທ່ານກໍາລັງໃຊ້ພາສາສະຄິບເຊັ່ນ JavaScript, ທ່ານສາມາດນໍາໃຊ້ຄຸນລັກສະນະ HTML ພາຍໃນ.
div ແມ່ນແທັກ HTML ພື້ນຖານທີ່ໃຊ້ເພື່ອຈັດກຸ່ມລະຫັດພາຍໃນເອກະສານ. ມັນສາມາດມີວັກ, block quote, ຮູບພາບ, ສຽງ, ຫຼືແມ້ກະທັ້ງຫົວ. ຕໍາແຫນ່ງຂອງມັນອະນຸຍາດໃຫ້ທ່ານນໍາໃຊ້ແບບເອກະພາບແລະພາສາກັບພາກສ່ວນຕ່າງໆຂອງຫນ້າ. Divs ຖືກນໍາໃຊ້ດີທີ່ສຸດສໍາລັບການຫມາຍຄວາມຫມາຍທີ່ພົບເລື້ອຍກັບກຸ່ມຂອງອົງປະກອບຕິດຕໍ່ກັນ. div ຄວນຖືກໃຊ້ເມື່ອທ່ານຕ້ອງການເພີ່ມສະໄຕລ໌ໃຫ້ກັບພາກສ່ວນໃດໜຶ່ງ ໂດຍບໍ່ຕ້ອງຂຽນໜ້າທັງໝົດຄືນໃໝ່.