ເນື້ອຫາ

• ຂັ້ນຕອນ
• ສ່ວນທີ 1: ວິທີທີ່ຂ້ອຍຄົ້ນພົບ HTML
• ຄຳ ແນະ ນຳ
• ຄຳ ເຕືອນ
• ເຈົ້າ​ຕ້ອງ​ການ​ຫັຍ​ງ

HTML (HyperText Markup Language) ແມ່ນພາສາພື້ນຖານ ສຳ ລັບສ້າງ ໜ້າ ເວບ. ມັນຖືກສ້າງຂື້ນມາເປັນພາສາລະຫັດທີ່ງ່າຍແລະມີຄວາມຍືດຫຍຸ່ນ. ເກືອບທຸກໆເວັບໄຊທ໌ທາງອິນເຕີເນັດແມ່ນຖືກພັດທະນາດ້ວຍບາງຮູບແບບຂອງລະຫັດນີ້ (ColdFusion, XML, XSLT). HTML ແມ່ນງ່າຍທີ່ຈະເຂົ້າໃຈ, ແຕ່ທ່ານສາມາດຮຽນຮູ້ມັນເປັນເວລາດົນນານຖ້າທ່ານສົນໃຈກ່ຽວກັບການເຮັດວຽກທີ່ສົມບູນແບບຂອງມັນ. ເພື່ອເພີ່ມສີສັນແລະຄວາມມ່ວນຊື່ນໃນເວບໄຊທ໌ຂອງທ່ານ, ທ່ານສາມາດຮຽນຮູ້ CSS ຂັ້ນພື້ນຖານທັນທີທີ່ທ່ານໄດ້ຖືກ ນຳ ໃຊ້ໃນ ໜ້າ HTML ພື້ນຖານ.

ຂັ້ນຕອນ

ສ່ວນທີ 1 ຂອງ 4: ການສ້າງເອກະສານ

1. 

   ເປີດບັນນາທິການຕົວ ໜັງ ສືແບບງ່າຍໆ. NotePad ແມ່ນຕົວເລືອກທີ່ດີແລະສາມາດດາວໂຫລດໄດ້ໂດຍບໍ່ເສຍຄ່າ. ທ່ານສາມາດຂຽນ HTML ກັບບັນນາທິການຕົວ ໜັງ ສືສ່ວນໃຫຍ່, ແຕ່ວ່າຊອບແວທີ່ສັບສົນຫຼາຍທີ່ມີຄວາມສາມາດໃນການຈັດຮູບແບບອັດຕະໂນມັດສາມາດສ້າງຄວາມຫຍຸ້ງຍາກໃນການຈັດ ໜ້າ HTML ຂອງທ່ານ.
   • ຢ່າໃຊ້ TextEdit, ຍ້ອນວ່າມັນມັກຈະບັນທຶກເອກະສານໃນຮູບແບບທີ່ browser ຂອງທ່ານອາດຈະບໍ່ຮັບຮູ້ເປັນ HTML.
   • ທ່ານຍັງສາມາດໃຊ້ບັນນາທິການ HTML online. ໂປແກຼມດັດແກ້ HTML ທີ່ອຸທິດຕົນບໍ່ໄດ້ຖືກແນະ ນຳ ໃຫ້ໃຊ້ ສຳ ລັບຜູ້ເລີ່ມຕົ້ນ.

2. 

   
   
   ບັນທຶກເອກະສານເປັນ ໜ້າ ເວັບ. ເລືອກ File File ບັນທຶກເປັນຢູ່ໃນເມນູຢູ່ທາງເທິງ. ປ່ຽນຮູບແບບເອກະສານໄປເປັນ "ເວບໄຊທ໌", ".html" ຫຼື ".htm". ບັນທຶກເອກະສານບ່ອນທີ່ທ່ານສາມາດຊອກຫາໄດ້ງ່າຍ.
   • ບໍ່ມີຄວາມແຕກຕ່າງກັນລະຫວ່າງສາມທາງເລືອກນີ້.

3. 

   ເປີດເອກະສານໃນ browser. ກົດສອງຄັ້ງຕໍ່ເອກະສານ, ແລະມັນຈະເປີດໂດຍອັດຕະໂນມັດເປັນ ໜ້າ ເປົ່າໃນ browser ຂອງທ່ານ. ອີກທາງເລືອກ, ທ່ານສາມາດເປີດໂປຣແກຣມທ່ອງເວັບເຊັ່ນ Firefox ຫຼື Internet Explorer, ແລະຈາກນັ້ນໃຊ້ File → Open File ເພື່ອເລືອກເອກະສານ.
   • ເວບໄຊທ໌ນີ້ບໍ່ແມ່ນອິນເຕີເນັດ. ມັນສາມາດເບິ່ງໄດ້ໃນຄອມພິວເຕີຂອງທ່ານເທົ່ານັ້ນ.

4. 

   
   
   ໂຫຼດຫນ້າຈໍຄືນເວັບແລະເບິ່ງການປ່ຽນແປງທີ່ໄດ້ເຮັດ. ພິມສິ່ງຕໍ່ໄປນີ້ເຂົ້າໃນເອກະສານເປົ່າຂອງທ່ານ: ສະບາຍດີ. ບັນທຶກເອກະສານ. ໂຫຼດ ໜ້າ ຈໍ ໃໝ່ ໃນ ໜ້າ ຈໍຂອງເວັບ ໃໝ່, ແລະທ່ານຄວນຈະເຫັນ ຄຳ ວ່າ“ ສະບາຍດີ” ທີ່ກ້າຫານປາກົດຢູ່ເທິງສຸດຂອງ ໜ້າ. ເມື່ອໃດກໍ່ຕາມທີ່ທ່ານຕ້ອງການທົດສອບ HTML ໃໝ່ ຂອງທ່ານໃນເວລາສອນນີ້, ບັນທຶກເອກະສານ .htm, ແລະຈາກນັ້ນໂຫຼດ ໜ້າ ຈໍຄືນ ໃໝ່ ຂອງ browser ຂອງທ່ານເພື່ອເບິ່ງວ່າ HTML ຖືກລວບລວມແນວໃດ.
   • ຖ້າທ່ານເຫັນ ຄຳ ວ່າ ""ແລະ"'' ປາກົດຢູ່ໃນໂປແກຼມທ່ອງເວັບຂອງທ່ານ, ເອກະສານບໍ່ໄດ້ຖືກລວບລວມຢ່າງຖືກຕ້ອງໃນ HTML. ລອງໃຊ້ຕົວແກ້ໄຂຂໍ້ຄວາມຫລືໂປແກຼມທ່ອງເວັບອື່ນ.

5. 

   
   
   ຮຽນຮູ້ປ້າຍຕ່າງໆ. ຄຳ ສັ່ງ HTML ຖືກຂຽນໄວ້ໃນ "ແທັກ" ທີ່ບອກ browser ໃຫ້ຮູ້ວິທີການລວບລວມແລະສະແດງ ໜ້າ ເວັບຂອງທ່ານ. ພວກມັນຖືກຂຽນຢູ່ພາຍໃນວົງຢືມດຽວ , ແລະບໍ່ຖືກສະແດງຢູ່ໃນ ໜ້າ ເວັບດັ່ງທີ່ທ່ານເຄີຍໃຊ້ໃນຕົວຢ່າງຂ້າງເທິງ:
   • ແມ່ນ "ບັດເລີ່ມຕົ້ນ" ຫຼື "ບັດເປີດ". ທຸກໆສິ່ງທີ່ຂຽນພາຍຫຼັງປ້າຍນີ້ຈະຖືກນິຍາມວ່າ "ກ້າຫານ" (ກ້າຫານໃນ ໜ້າ ເວບໄຊທ໌).
   • ແມ່ນ "ປ້າຍຊື່ສຸດທ້າຍ" ຫຼື "ປ້າຍປິດ", ເຊິ່ງທ່ານສາມາດ ຈຳ ແນກໄດ້ໂດຍສັນຍາລັກ / ເຄື່ອງ ໝາຍ. ມັນ ໝາຍ ເຖິງຈຸດຈົບຂອງຂໍ້ຄວາມທີ່ກ້າຫານ. ເກືອບທັງ ໝົດ (ບໍ່ແມ່ນທັງ ໝົດ) ຕ້ອງການແທັກທີ່ສິ້ນສຸດເພື່ອເຮັດວຽກ, ສະນັ້ນໃຫ້ແນ່ໃຈວ່າຈະລວມເອົາມັນ.

6. 

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

7. 

   ເພີ່ມຫົວ (ຫົວ) ແລະປ້າຍໃສ່ຮ່າງກາຍ. ເອກະສານ HTML ແບ່ງອອກເປັນສອງສ່ວນ. ສ່ວນ "ດ້ານເທິງ" ແມ່ນ ສຳ ລັບຂໍ້ມູນພິເສດ, ເຊັ່ນຫົວຂໍ້ຂອງ ໜ້າ. ສ່ວນ "ຮ່າງກາຍ" ມີເນື້ອໃນຕົ້ນຕໍຂອງ ໜ້າ. ຕື່ມທັງສອງສິ່ງເຫຼົ່ານີ້ເຂົ້າໃນເອກະສານຂອງທ່ານ, ແລະຈື່ ຈຳ ເອົາປ້າຍໃສ່ໃນທ້າຍ. ຂໍ້ຄວາມທີ່ເພີ່ມ ໃໝ່ ແມ່ນກ້າຫານ:

8. 

   ເອົາຫົວຂໍ້ ໜ້າ ຂອງທ່ານໃຫ້ທ່ານ. ບັດສ່ວນໃຫຍ່ໃນຫົວສ່ວນບໍ່ ສຳ ຄັນທີ່ຈະຮຽນຮູ້ກັບຜູ້ເລີ່ມຕົ້ນ. ປ້າຍຊື່ແມ່ນງ່າຍທີ່ຈະໃຊ້, ເຖິງແມ່ນວ່າ, ແລະຈະ ກຳ ນົດສິ່ງທີ່ສະແດງອອກຄືກັບຊື່ຂອງປ່ອງຢ້ຽມຂອງ browser ຫຼືຢູ່ໃນແຖບ browser. ວາງແທັກຫົວຂອງທ່ານທີ່ເລີ່ມຕົ້ນແລະສິ້ນສຸດປ້າຍພາຍໃນແທັບຫົວ, ແລະຂຽນຫົວທີ່ທ່ານມັກລະຫວ່າງແທັກເຫຼົ່ານັ້ນ:
   ໂຄສະນາ

ພາກທີ 2 ຂອງ 4: ການຈັດຮູບແບບຕົວ ໜັງ ສື

1. 

   ຕື່ມຂໍ້ຄວາມໃສ່ຮ່າງກາຍຂອງທ່ານ. ສຳ ລັບພາກນີ້, ພວກເຮົາຈະເຮັດວຽກກັບປ້າຍຮ່າງກາຍເທົ່ານັ້ນ. ຂໍ້ຄວາມອື່ນຈະຍັງຄົງຢູ່ໃນເອກະສານຂອງທ່ານ, ແຕ່ພວກເຮົາຈະປະຫຍັດພື້ນທີ່ໂດຍການບໍ່ເຮັດຊ້ ຳ ໃນບົດແນະ ນຳ ນີ້. ຂຽນສິ່ງໃດກໍ່ຕາມທີ່ທ່ານຕ້ອງການລະຫວ່າງບັດ ແລະ , ແລະມັນຈະປາກົດເປັນເນື້ອໃນ ທຳ ອິດໃນ ໜ້າ ຂອງທ່ານ. ຍົກ​ຕົວ​ຢ່າງ:
   • ຂ້ອຍໄດ້ເຮັດຕາມ ຄຳ ແນະ ນຳ wikiHow ເພື່ອຂຽນ ໜ້າ HTML.

2. 

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

   • ຂ້ອຍໄດ້ເຮັດຕາມ ຄຳ ແນະ ນຳ wikiHow ເພື່ອຂຽນ ໜ້າ HTML.

   • ເປົ້າ ໝາຍ ຂອງຂ້ອຍມື້ນີ້:

   • ເປົ້າ ໝາຍ ທີ່ ສຳ ເລັດ:

   • ຮຽນຮູ້ການ ນຳ ໃຊ້ຫົວຂໍ້.

   • ເປົ້າ ໝາຍ ທີ່ຍັງບໍ່ແລ້ວ:

   • ຮຽນຮູ້ເພີ່ມເຕີມ tags ຮູບແບບຂໍ້ຄວາມ.

3. 

   ຮຽນຮູ້ເພີ່ມເຕີມ tags ຮູບແບບຂໍ້ຄວາມ. ທ່ານໄດ້ເຫັນແທັກ“ ແຂງແຮງ” ແລ້ວ, ແຕ່ມີຫຼາຍວິທີອື່ນໃນການຈັດຮູບແບບຂໍ້ຄວາມຂອງທ່ານ. ລອງໃຊ້ແທັກເຫຼົ່ານີ້, ຫຼືມີຫລາຍປ້າຍໃນເວລາດຽວກັນ ສຳ ລັບສາຍຂໍ້ຄວາມດຽວກັນ. ຈືຂໍ້ມູນການເພີ່ມປ້າຍທີ່ສິ້ນຢູ່ດ້ານຫລັງ!
   • ຂໍ້ຄວາມທີ່ ສຳ ຄັນ, ສະແດງອອກເປັນໂຕກ້າໃນເບົາເຊີ.
   • ຂໍ້ຄວາມທີ່ເນັ້ນ ໜັກ, ສະແດງດ້ວຍໂຕເນີ້ງໃນເບົາເຊີ.
   • ຂໍ້ຄວາມນ້ອຍກ່ວາປົກກະຕິ. ບົດເລື່ອງນີ້ຈະປັບຂະ ໜາດ ໂດຍອັດຕະໂນມັດຖ້າໃຊ້ໃນຫົວຂໍ້.
   • ຂໍ້ຄວາມບໍ່ມີຄວາມກ່ຽວຂ້ອງອີກຕໍ່ໄປ, ຖືກສະແດງດ້ວຍເສັ້ນສະແດງຮ່າງກາຍ.
   • ຂໍ້ຄວາມຖືກໃສ່ເຂົ້າໄປໃນເວລາຕໍ່ໄປກ່ວາເອກະສານອື່ນໆ, ສະແດງດ້ວຍຂີດກ້ອງ.

4. 

   ຈັດແຈງຂໍ້ຄວາມໃນ ໜ້າ ຂອງທ່ານ. ທ່ານອາດຈະໄດ້ສັງເກດເຫັນວ່າການກົດປຸ່ມ "ເຂົ້າ" ບໍ່ພຽງພໍ ສຳ ລັບຂໍ້ຄວາມທີ່ຈະສະແດງຢູ່ໃນເສັ້ນອື່ນ. ແທັກເຫຼົ່ານີ້ສາມາດຊ່ວຍທ່ານສ້າງວັກແລະການແຍກແຖວ, ຫຼືຈັດແຈງຂໍ້ຄວາມຂອງທ່ານໃນທາງອື່ນ:

   • ສັ້ນ ສຳ ລັບແທັກ "ວັກ," (ວັກ) ຈະຮັກສາຂໍ້ຄວາມທັງ ໝົດ ລະຫວ່າງແທັກເຫຼົ່ານີ້ໃນວັກ, ແລະແຍກມັນອອກຈາກຂໍ້ຄວາມຂ້າງເທິງແລະລຸ່ມມັນ.

   • 
     ປ້າຍນີ້ຈະສ້າງການຢຸດເສັ້ນ. ຢ່າຕື່ມປ້າຍທ້າຍໃສ່ມັນ, ເພາະວ່າມັນບໍ່ແຊກແຊງເນື້ອຫາອື່ນໆ. ໃຊ້ປ້າຍນີ້ໃນບົດກະວີຫລືສາຍທີ່ຢູ່, ບໍ່ແມ່ນວັກ.

   • ຖ້າທ່ານຕ້ອງການສະແດງຕົວ ໜັງ ສືຢ່າງຖືກຕ້ອງ, ປ້າຍນີ້ຈະຕັ້ງຂໍ້ຄວາມພາຍໃນໃຫ້ເປັນຕົວອັກສອນທີ່ມີຄວາມກວ້າງຄົງທີ່ (ຕົວອັກສອນແຕ່ລະມີຄວາມກວ້າງເທົ່າກັນ), ແລະຊ່ວຍໃຫ້ທ່ານສ້າງໄລຍະ ຊ່ອງຫວ່າງແລະການຢຸດສາຍຕາມທີ່ທ່ານຕ້ອງການ ສຳ ລັບການດັດແກ້ແບບປົກກະຕິແທນທີ່ຈະເປັນ tags.

   • ປ້າຍຊື່ນີ້ ກຳ ນົດຊະນິດຂອງຂໍ້ຄວາມທີ່ອ້າງອີງຈາກແຫຼ່ງຂໍ້ມູນ.

     ທ່ານສາມາດອະທິບາຍແຫຼ່ງຂໍ້ມູນຕໍ່ມາໄດ້ ບັດບັດ.

5. 

   ເພີ່ມຂໍ້ຄວາມສ່ວນທີ່ເບິ່ງບໍ່ເຫັນ. ປ້າຍ ຄຳ ເຫັນບໍ່ໄດ້ສະແດງຢູ່ໃນ ໜ້າ ເວັບ. ພວກເຂົາເຈົ້າອະນຸຍາດໃຫ້ທ່ານຂຽນເອກະສານຕົວເອງເຂົ້າໃນເອກະສານ HTML ໂດຍບໍ່ມີຜົນກະທົບຕໍ່ເນື້ອຫາ. ຢ່າເພີ່ມແທັກສຸດທ້າຍ.
   • ບັດທີ່ໄປຕາມ ລຳ ພັງໂດຍບໍ່ມີການສິ້ນປ້າຍຖືກເອີ້ນວ່າ "ປ້າຍເປົ່າ."

6. 

   ລວມພວກມັນເຂົ້າກັນ. ວິທີທີ່ດີທີ່ສຸດໃນການຈື່ ຈຳ ແທັກເຫຼົ່ານີ້ແມ່ນການໃຊ້ພວກມັນຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ. ນີ້ແມ່ນຕົວຢ່າງການ ນຳ ໃຊ້ບັດໃນຂັ້ນຕອນທີ່ທ່ານໄດ້ຮຽນມາຈົນເຖິງປະຈຸບັນ. ພະຍາຍາມທີ່ຈະຄາດເດົາວ່າພວກມັນຈະສະແດງຢູ່ໃນໂປແກຼມ browser ໄດ້ແນວໃດ, ຈາກນັ້ນຄັດລອກພວກມັນເຂົ້າໃນເອກະສານຂອງທ່ານແລະຊອກຫາ.
   • ຍິນດີຕ້ອນຮັບສູ່ເວັບໄຊທ໌ຂອງຂ້ອຍ.

   • ຫວັງວ່າເຈົ້າຈະມັກ ໜ້າ ນີ້!

     ຂ້ອຍໄດ້ສ້າງມັນ ສຳ ລັບເຈົ້າ.

   • ສ່ວນທີ 1: ວິທີທີ່ຂ້ອຍຄົ້ນພົບ HTML

   • ຂ້ອຍໄດ້ຮຽນຮູ້ HTML ຢູ່ແລ້ວ ຫນຶ່ງ ສອງຊົ່ວໂມງ, ສະນັ້ນຕອນນີ້ຂ້ອຍເປັນຜູ້ຊ່ຽວຊານ.
   ໂຄສະນາ

ສ່ວນທີ 3 ຂອງ 4: ເພີ່ມລິ້ງແລະຮູບພາບ

1. 

   ຮຽນຮູ້ກ່ຽວກັບຄຸນລັກສະນະຕ່າງໆ. ປ້າຍຊື່ສາມາດມີຂໍ້ມູນເພີ່ມເຕີມທີ່ຂຽນຢູ່ພາຍໃນພວກມັນ, ເຊິ່ງເອີ້ນວ່າຄຸນລັກສະນະຕ່າງໆ. ຄຸນລັກສະນະເຫຼົ່ານີ້ແມ່ນສະແດງໂດຍ ຄຳ ເພີ່ມເຕີມພາຍໃນແທັກຕົວເອງ, ໃນແບບຟອມ ຄຸນສົມບັດຊື່ = "ມູນຄ່າສະເພາະ"ຕົວຢ່າງ, ໂຄດຄໍາສັ່ງ HTML ໃດໆສາມາດມີຄຸນລັກສະນະຫົວຂໍ້:

   • ວັກແນະ ນຳ ແມ່ນມີຢູ່ນີ້.

     ໃສ່ຫົວຂໍ້ຫຍໍ້“ ຄຳ ແນະ ນຳ,” ເຊິ່ງຈະປະກົດຂຶ້ນເມື່ອທ່ານເລື່ອນຫົວຂໍ້ຫຍໍ້ ໜ້າ ໃນ ໜ້າ ເວັບ.

2. 

   ການເຊື່ອມຕໍ່ກັບເວັບໄຊທ໌ອື່ນໆ. ການ ນຳ ໃຊ້ບັດ ເພື່ອສ້າງ hyperlink ກັບ ໜ້າ ເວັບອື່ນໆ. ໃສ່ URL ຂອງ ໜ້າ ເວັບເພື່ອເຊື່ອມຕໍ່ກັບການໃຊ້ href attribute. ນີ້ແມ່ນຕົວຢ່າງທີ່ເຊື່ອມໂຍງກັບ ໜ້າ ເວັບທີ່ທ່ານ ກຳ ລັງອ່ານຢູ່:
   • ຜູ້ມາຢ້ຽມຢາມເວັບໄຊທ໌ຂອງທ່ານສາມາດກົດເຂົ້າໄປໃນຂໍ້ຄວາມນີ້ເພື່ອຕິດຕາມລິ້ງນີ້.

3. 

   ເພີ່ມຄຸນລັກສະນະ id ໃສ່ແທັກ. ຄຸນລັກສະນະອີກອັນ ໜຶ່ງ ທີ່ HTML ໃດສາມາດໃຊ້ໄດ້ແມ່ນອົງປະກອບ "id". ໃນບັດໃດກໍ່ຕາມ, ໃຫ້ຂຽນ id = "vidu" ຫຼືໃຊ້ຊື່ໃດໆທີ່ບໍ່ມີບ່ອນຫວ່າງ. ມັນບໍ່ໄດ້ຜົນຫຍັງເລີຍ, ແຕ່ພວກເຮົາຈະໃຊ້ມັນໃນຂັ້ນຕອນຕໍ່ໄປ.
   • ຍົກຕົວຢ່າງ, ເພີ່ມສິ່ງຕໍ່ໄປນີ້ໃສ່ເອກະສານຂອງທ່ານ:

     ວັກນີ້ຖືກ ນຳ ໃຊ້ເປັນຕົວຢ່າງເພື່ອອະທິບາຍວ່າຄຸນລັກສະນະ id ເຮັດວຽກແນວໃດ.

4. 

   ເຊື່ອມໂຍງກັບອົງປະກອບທີ່ມີ id ທີ່ແນ່ນອນ. ຕອນນີ້ພວກເຮົາສາມາດໃຊ້ແທັກ hyperlink ໄດ້, , ເພື່ອເຊື່ອມໂຍງກັບສະຖານທີ່ອື່ນໃນ ໜ້າ ດຽວກັນ. ແທນທີ່ URL, ພວກເຮົາຈະໃຊ້ສັນຍາລັກ #, ຕິດຕາມມາດ້ວຍຄ່າ id ທີ່ພວກເຮົາຕ້ອງການເຊື່ອມຕໍ່. ຍົກ​ຕົວ​ຢ່າງ, ຂໍ້ຄວາມນີ້ຈະເຊື່ອມໂຍງກັບຂໍ້ຄວາມທີ່ມີ id "vidu."
   • ຄ່າຂອງ HTML ທັງ ໝົດ ແມ່ນມີຄວາມລະອຽດອ່ອນ. "#VIDU" ແລະ "#vidu" ທັງສອງຈະເຊື່ອມຕໍ່ກັບສະຖານທີ່ດຽວກັນ.
   • ຖ້າ ໜ້າ ເວັບຂອງທ່ານສັ້ນພໍທີ່ຈະສະແດງ ໜ້າ ທັງ ໝົດ ໃນເວລາດຽວກັນ, ທ່ານອາດຈະບໍ່ສັງເກດເຫັນຫຍັງເກີດຂື້ນເມື່ອທ່ານກົດລິ້ງຢູ່ໃນ browser ຂອງທ່ານ. ປັບຂະ ໜາດ ໜ້າ ຕ່າງຈົນກວ່າແຖບເລື່ອນຈະປາກົດຂຶ້ນ, ແລະລອງ ໃໝ່ ອີກຄັ້ງ.

5. 

   ເພີ່ມຮູບ. ບັດ ແມ່ນປ້າຍຊື່ທີ່ບໍ່ມີຄວາມ ໝາຍ ວ່າບໍ່ ຈຳ ເປັນຕ້ອງສິ້ນສຸດ. ຂໍ້ມູນທັງ ໝົດ ທີ່ browser ຕ້ອງການສະແດງຮູບພາບຈະຖືກເພີ່ມໂດຍໃຊ້ຄຸນລັກສະນະຕ່າງໆ. ນີ້ແມ່ນຕົວຢ່າງເພື່ອສະແດງ logo wikiHow, ໂດຍມີ ຄຳ ອະທິບາຍ ສຳ ລັບແຕ່ລະຄຸນລັກສະນະທີ່ຢູ່ເບື້ອງຫຼັງ:
   • 
   • ຄຸນສົມບັດ src = "" ບອກຕົວທ່ອງເວັບບ່ອນທີ່ຮູບພາບແມ່ນ. (ໃຫ້ສັງເກດວ່າການໂພດຮູບຈາກເວັບໄຊທ໌ຂອງຜູ້ອື່ນຖືວ່າບໍ່ ເໝາະ ສົມ - ແລະຮູບຈະຫາຍໄປເມື່ອ ໜ້າ ບໍ່ມີການເຄື່ອນໄຫວອີກຕໍ່ໄປ)
   • ຄຸນສົມບັດ style = "" ມັນສາມາດເຮັດໄດ້ຫຼາຍຢ່າງ, ແຕ່ ສຳ ຄັນທີ່ສຸດແມ່ນໃຊ້ເພື່ອ ກຳ ນົດຄວາມກວ້າງແລະຄວາມສູງຂອງຮູບເປັນພິກະເຊນ. (ນອກນັ້ນທ່ານຍັງສາມາດໃຊ້ຄຸນລັກສະນະແຍກຕ່າງຫາກ width = "" ແລະລວງສູງ = "" ແທນ, ແຕ່ສິ່ງນີ້ສາມາດ ນຳ ໄປສູ່ບັນຫາການປ່ຽນຂະ ໜາດ ທີ່ແປກຖ້າທ່ານໃຊ້ CSS.)
   • ຄຸນສົມບັດ alt = "" ແມ່ນ ຄຳ ອະທິບາຍສັ້ນໆຂອງຮູບພາບທີ່ຜູ້ໃຊ້ຈະເຫັນວ່າຮູບພາບບໍ່ສາມາດໂຫລດໄດ້. ນີ້ຖືວ່າເປັນຄວາມຕ້ອງການ, ເພາະມັນຖືກ ນຳ ໃຊ້ ສຳ ລັບຜູ້ອ່ານ ໜ້າ ຈໍ ສຳ ລັບຜູ້ມາຢ້ຽມຢາມເວັບໄຊທ໌ທ໌ທີ່ຕາບອດ.
   ໂຄສະນາ

ພາກທີ 4 ຂອງ 4: ຮຽນຮູ້ເພີ່ມເຕີມແລະໄດ້ຮັບເວັບໄຊທ໌ຂອງທ່ານ online

1. 

   ຢືນຢັນ HTML ຂອງທ່ານ. ການກວດສອບຄວາມຖືກຕ້ອງ HTML ກວດສອບຂໍ້ຜິດພາດໃນລະຫັດຂອງທ່ານ. ຖ້າເວັບໄຊທ໌ຂອງທ່ານບໍ່ສະແດງຢ່າງຖືກຕ້ອງ, ການກວດສອບຄວາມຖືກຕ້ອງສາມາດຊ່ວຍທ່ານຊອກຫາຂໍ້ຜິດພາດທີ່ກໍ່ໃຫ້ເກີດບັນຫາ. ມັນຍັງສາມາດສອນທ່ານຕື່ມອີກກ່ຽວກັບ HTML ໂດຍການ ກຳ ນົດວ່າລະຫັດເບິ່ງຄືວ່າດີໃນການສະແດງ, ແຕ່ມັນບໍ່ໄດ້ຖືກແນະ ນຳ ເພາະວ່າມີການປັບປຸງ ໃໝ່ ໃນມາດຕະຖານ HTML. ການໃຊ້ HTML ທີ່ບໍ່ຖືກຕ້ອງບໍ່ໄດ້ເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານບໍ່ມີປະໂຫຍດ, ແຕ່ມັນອາດຈະເຮັດໃຫ້ເກີດບັນຫາຫຼືສະແດງບໍ່ ໝັ້ນ ຄົງໃນຕົວທ່ອງເວັບທີ່ແຕກຕ່າງກັນ.
   • ລອງໃຊ້ບໍລິການກວດສອບຄວາມຖືກຕ້ອງຜ່ານອິນເຕີເນັດໂດຍບໍ່ເສຍຄ່າຈາກ W3C ຫຼືຄົ້ນຫາເຄື່ອງມືຮັບຮອງ HTML 5 ອື່ນໃນ online.

2. 

   ຮຽນຮູ້ເພີ່ມເຕີມ tags ແລະຄຸນລັກສະນະຕ່າງໆ. ມັນມີຫລາຍ HTML tags ແລະຄຸນລັກສະນະ, ແລະມີຫລາຍບ່ອນທີ່ຈະຮຽນຮູ້ພວກມັນ:
   • ລອງໃຊ້ w3schools ແລະ HTML Dog ສຳ ລັບການສອນເພີ່ມເຕີມແລະລາຍຊື່ tags ເຕັມ.
   • ຊອກຫາ ໜ້າ ເວບທີ່ທ່ານມັກແບບທີ່ມັນເບິ່ງແລ້ວໃຊ້ ໜ້າ ທີ່ "ເບິ່ງ ໜ້າ ແຫຼ່ງຂໍ້ມູນ" ຂອງຕົວທ່ອງເວັບຂອງທ່ານເພື່ອໃຫ້ໄດ້ລະຫັດ HTML ດ້ວຍຕົນເອງ. ຄັດລອກມັນເຂົ້າໃນເອກະສານຂອງທ່ານແລະສຶກສາວິທີການເຮັດວຽກ.
   • ອ່ານບົດຄວາມອື່ນແລະຮຽນຮູ້ກ່ຽວກັບວິທີການສ້າງຕາຕະລາງໃນ HTML, ໃຊ້ແທໍກ meta ເພື່ອເພີ່ມໂອກາດຂອງທ່ານໃນການຊອກຫາມັນຜ່ານເຄື່ອງຈັກຊອກຫາ, ຫຼືໃຊ້ພະແນກ. ລະບຸພື້ນທີ່ໃນ ໜ້າ ເວັບ) ແລະຂອບເຂດ (ໃຊ້ເພື່ອ ກຳ ນົດຮູບແບບຂອງອົງປະກອບຂໍ້ຄວາມ) ເພື່ອຊ່ວຍໃຫ້ມີຮູບແບບຜ່ານ CSS.

3. 

   ເອົາເວັບໄຊທ໌ຂອງທ່ານ online. ເລືອກບໍລິການທີ່ຈະເປັນເຈົ້າພາບເວັບໄຊທ໌້ຂອງທ່ານ, ແລະຫຼັງຈາກນັ້ນທ່ານສາມາດອັບໂຫລດ ໜ້າ HTML ໄດ້ຫຼາຍເທົ່າທີ່ທ່ານຕ້ອງການໃນໂດເມນເວັບສ່ວນຕົວຂອງທ່ານ. ເພື່ອເຮັດສິ່ງນີ້, ທ່ານຈະຕ້ອງໄດ້ໃຊ້ໂປແກຼມອັບໂຫລດ FTP, ແຕ່ວ່າມີການໃຫ້ບໍລິການເຊົ່າເວັບຫລາຍໆບ່ອນໃຫ້ບໍລິການນີ້ເຊັ່ນກັນ.
   • ເມື່ອເຊື່ອມໂຍງກັບ ໜ້າ ຕ່າງໆຫຼືຮູບພາບຕ່າງໆທີ່ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານໂດຍກົງ, ທ່ານຈະຕ້ອງໃຊ້ທີ່ຢູ່ເຕັມ. ຕົວຢ່າງ: ຖ້າຊື່ໂດເມນຂອງທ່ານແມ່ນ www.chuyengiahtmlsieudang.com, ແລ້ວ ຂໍ້ຄວາມແມ່ນຢູ່ໃນແທັກເຫຼົ່ານີ້ ຈະເຊື່ອມຕໍ່ກັບ "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html"

4. 

   ເພີ່ມຮູບແບບຕ່າງໆກັບ CSS. ຖ້າຫນ້າ HTML ຂອງທ່ານມີລັກສະນະເປັນ ໜ້າ ກຽດ, ລອງຮຽນຮູ້ພື້ນຖານຂອງ CSS ເພື່ອເພີ່ມສີສັນ, ຕົວອັກສອນທີ່ແຕກຕ່າງກັນ, ແລະຄວບຄຸມທີ່ດີກວ່າບ່ອນທີ່ວາງອົງປະກອບ. ການເຊື່ອມໂຍງ CSS "stylesheet" ກັບ ໜ້າ HTML ຈະຊ່ວຍໃຫ້ທ່ານສາມາດປ່ຽນແປງຢ່າງໄວວາ, ປັບຮູບແບບຂອງຂໍ້ຄວາມທັງ ໝົດ ພາຍໃນແທັກທີ່ໃຫ້ໂດຍອັດຕະໂນມັດ. ທ່ານສາມາດຫຼີ້ນຮອບດ້ວຍການຈັດຮູບແບບພື້ນຖານເລັກນ້ອຍຢູ່ທີ່ນີ້, ຫຼືເຂົ້າໄປໃນການສອນທີ່ລະອຽດກວ່າໃນ CSS Tutorial ຂອງ HTML Dog.

5. 

   ເພີ່ມ JavaScript ໃສ່ເວັບໄຊທ໌ຂອງທ່ານ. JavaScript ແມ່ນພາສາການຂຽນໂປແກຼມທີ່ໃຊ້ເພື່ອເພີ່ມຫຼາຍ ໜ້າ ທີ່ໃນ ໜ້າ HTML ຂອງທ່ານ. ຄຳ ສັ່ງ JavaScript ຖືກໃສ່ລະຫວ່າງແທັກເລີ່ມຕົ້ນແລະສິ້ນສຸດ , ແລະສາມາດຖືກ ນຳ ໃຊ້ເພື່ອເພີ່ມປຸ່ມໂຕ້ຕອບ, ຄິດໄລ່ບັນຫາເລກແລະອື່ນໆ. ຊອກຮູ້ຕື່ມໃນຕົວຢ່າງ w3c. ໂຄສະນາ

ຄຳ ແນະ ນຳ

• ການປະກາດໃຊ້ໃບຢາ (ໃບປະກາດເອກະສານປະເພດເອກະສານທີ່ໃຊ້ແລ້ວ) ທີ່ໃຊ້ໃນການສອນນີ້ແມ່ນ "ໄລຍະຂ້າມຜ່ານ HTML 4.0.1" (HTML 4.0.1 ບໍ່ແມ່ນການຫັນປ່ຽນທີ່ ແໜ້ນ), ເປັນຮູບແບບທີ່ງ່າຍດາຍ. ສໍາລັບຈົວທີ່ຈະໃຊ້. ໃຊ້ () ທາງເລືອກທີ່ໃຫ້ຕົວທ່ອງເວັບລວບລວມມັນໃນຮູບແບບ HTML 5 ທີ່ເຂັ້ມງວດ, ເຊິ່ງເປັນແບບທີ່ແນະ ນຳ (ເຖິງວ່າຈະມີການໃຊ້ ໜ້ອຍ) ແບບມາດຕະຖານ.

ຄຳ ເຕືອນ

• ຈຸດປະສົງຂອງ HTML ແມ່ນເພື່ອຮັກສາເນື້ອຫາໃຫ້ເປັນຮູບແບບທົ່ວໂລກ. ມັນບໍ່ມີການຄວບຄຸມການ ນຳ ສະ ເໜີ ເວັບໄຊທ໌້ຂອງເຈົ້າເຊັ່ນ: ສີພື້ນຫລັງແລະການຈັດວາງຂອງອົງປະກອບທີ່ແນ່ນອນ. ໃນຂະນະທີ່ຍັງມີແທັກຕ່າງໆທີ່ຊ່ວຍໃຫ້ທ່ານສາມາດເຮັດສິ່ງນີ້ໄດ້, ມັນດີທີ່ຈະໃຊ້ CSS ເພື່ອສ້າງເວັບໄຊທ໌ທີ່ສາມາດຄວບຄຸມໄດ້ແລະມີຄວາມສອດຄ່ອງຫຼາຍຂື້ນ.

ເຈົ້າ​ຕ້ອງ​ການ​ຫັຍ​ງ

• ບັນນາທິການຕົວ ໜັງ ສືແບບງ່າຍໆເຊັ່ນ NotePad ຫຼື TextEdit
• ໂປຣແກຣມທ່ອງເວັບເຊັ່ນ Internet Explorer ຫຼື Mozilla Firefox
• (ເປັນທາງເລືອກ) ບັນນາທິການ HTML ເຊັ່ນ Adobe Dreamweaver, Aptana Studio, ຫຼື Microsoft Expression Web