ຮຽນຮູ້ພື້ນຖານ HTML ເພື່ອເລີ່ມຕົ້ນການສ້າງເວັບໄຊທ໌
ຮຽນຮູ້ພື້ນຖານ HTML ເພື່ອສ້າງເວັບໄຊທ໌ຂອງທ່ານ. HTML ພື້ນຖານບໍ່ຍາກທີ່ຈະຮຽນຮູ້. ການຮຽນຮູ້ HTML ແມ່ນອາດຈະເປັນສິ່ງສໍາຄັນທີ່ສຸດທີ່ທ່ານເຄີຍເຮັດຖ້າທ່ານຕ້ອງການສ້າງ ເວັບໄຊທ໌ ສ່ວນຕົວຂອງທ່ານເອງ. ທ່ານຕ້ອງຮຽນຮູ້ HTML ເພື່ອອອກແບບຫນ້າທີ່ດີເພາະວ່າມັນເປັນພາສາທີ່ເວັບໄຊທ໌ເທິງອິນເຕີເນັດແມ່ນອີງໃສ່.
ເວັບໄຊທ໌ແມ່ນວິທີທີ່ດີທີ່ຈະສະແດງໃຫ້ເຫັນບາງສິ່ງບາງຢ່າງໃນຊີວິດຂອງທ່ານ. HTML ພື້ນຖານຈະຊ່ວຍໃຫ້ທ່ານສະແດງໂລກໃດກໍ່ຕາມທີ່ທ່ານຕ້ອງການສະແດງໃຫ້ພວກເຂົາຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ. ການເພີ່ມສີ, ການປ່ຽນແປງຂະຫນາດຂອງຂໍ້ຄວາມແລະຮູບພາບຕ່າງໆໃນເວັບໄຊທ໌ຂອງທ່ານແມ່ນພຽງແຕ່ບາງສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້ເມື່ອທ່ານຮຽນຮູ້ HTML ພື້ນຖານ.
ເພື່ອຮຽນຮູ້ HTML ຂັ້ນພື້ນຖານທ່ານຕ້ອງລະວັງວ່າມັນເປັນພຽງແຕ່ຊຸດຂອງຕົວອັກສອນທີ່ເປັນຕົວຫຍໍ້ຂອງສິ່ງທີ່ພວກເຂົາຖືຕົວຈິງ. ຕົວຢ່າງ, H1 ແມ່ນຫມາຍສໍາລັບຫົວຂໍ້ສໍາລັບວັກທີ່ເປັນຄັ້ງທໍາອິດຂອງຫ້າຂະຫນາດແລະ BR ແມ່ນການຢຸດເຊົາ.
ສິ່ງຫນຶ່ງທີ່ສໍາຄັນທີ່ຕ້ອງຈົດຈໍາໃນຂະນະທີ່ທ່ານຮຽນຮູ້ HTML ຂັ້ນພື້ນຖານແມ່ນວ່າໃນຫນ້າເວັບ HTML tags ຕ້ອງໄດ້ມາໃນລໍາດັບໃດຫນຶ່ງແລະແທໍກ HTML ສ່ວນໃຫຍ່ຕ້ອງມີແທໍບເລີ່ມຕົ້ນແລະສິ້ນສຸດສໍາລັບຕົວທ່ອງເວັບເພື່ອຮັບຮູ້ຄໍາສັ່ງ. ປ້າຍທ້າຍແມ່ນພຽງແຕ່ດຽວກັນກັບແທັກເລີ່ມແຕ່ເວັ້ນເສຍແຕ່ວ່າມັນເລີ່ມຕົ້ນດ້ວຍສັນຍາລັກ / . ຫົວຂໍ້ເບິ່ງຄືວ່າ ຫົວຂໍ້ນີ້ H1>
. ມີໂຄ້ດເລີ່ມຕົ້ນ, H1 , ຫົວຂໍ້, ແລະໂຄ້ດສິ້ນສຸດ, / H1 .
ຮຽນຮູ້ HTML ພື້ນຖານວິທີທີ່ຖືກຕ້ອງແລະຈື່ວ່າແທັກຕ້ອງມາໃນຄໍາສັ່ງໃດຫນຶ່ງ. ໂຄງສ້າງພື້ນຖານຂອງຫນ້າເວັບແມ່ນມີດັ່ງນີ້:
ທ່ານສາມາດເອົາຂໍ້ມູນທີ່ສໍາຄັນເຊັ່ນເຟຣມ, ພາສາແລະຄໍາແນະນໍາພິເສດ.
HEAD>
ໃສ່ເລື່ອງ, ຮູບພາບ, ການເຊື່ອມໂຍງແລະທຸກສິ່ງທຸກຢ່າງຢູ່ທີ່ນີ້.
ຫົວຂໍ້ຂອງວັກຂອງທ່ານ. H1>
ນີ້ແມ່ນບ່ອນທີ່ທ່ານໃສ່ຂໍ້ຄວາມຂອງເອກະສານຂອງທ່ານ. P>
ນີ້ແມ່ນວິທີການຂຽນການເຊື່ອມຕໍ່:
"> ຊື່ຫລືສິ່ງທີ່ທ່ານຕ້ອງການເວົ້າ.
BODY>
HTML>
ນອກນັ້ນທ່ານຍັງສາມາດເຂົ້າໄປໃນການເຊື່ອມຕໍ່ເຂົ້າກາງຄໍາປະໂຫຍກໄດ້. ຖ້າທ່ານຕ້ອງການເວົ້າວ່າ "Microsoft ມີບາງຢ່າງທີ່ປະເສີດ." ມັນຈະເບິ່ງຄືວ່ານີ້:
http://www.microsoft.com/en/us/default.aspx "> Microsoft ມີບາງຢ່າງທີ່ປະເສີດທີ່ຈະຊ່ວຍໃຫ້ທ່ານຮຽນຮູ້ HTML ຂັ້ນພື້ນຖານ.
ທ່ານບໍ່ພຽງແຕ່ສາມາດສ້າງລິ້ງກັບຫນ້າອື່ນແຕ່ທ່ານກໍ່ສາມາດສ້າງລິ້ງໄປຍັງບ່ອນອື່ນໃນຫນ້າດຽວກັນ. ຖ້າຂ້ອຍຕ້ອງການໃຫ້ທ່ານກັບຄືນໄປບ່ອນຈຸດເລີ່ມຕົ້ນຂອງບົດຄວາມນີ້ຂ້ອຍຈະເວົ້າບາງສິ່ງບາງຢ່າງເຊັ່ນ "ກັບໄປ" ແລະໂດຍການຄລິກໃສ່ hyperlink ທ່ານຈະກັບຄືນໄປບ່ອນຈຸດເລີ່ມຕົ້ນ. ນີ້ແມ່ນຫນຶ່ງໃນຄວາມຫຍຸ້ງຍາກຫຼາຍເພາະວ່າມັນມີສອງສ່ວນໃນມັນ. ຫນ້າທໍາອິດຂອງການທັງຫມົດທີ່ທ່ານສ້າງການເຊື່ອມຕໍ່ຂອງທ່ານ:
ຄໍາວ່າ "There" ແມ່ນຄໍາທີ່ຂ້າພະເຈົ້າຕ້ອງການທີ່ຈະນໍາທ່ານກັບຄືນໄປບ່ອນດັ່ງນັ້ນຕອນນີ້ຂ້າພະເຈົ້າຕ້ອງໄປຫາຄໍານັ້ນແລະສ້າງແລະສະມໍດັ່ງນັ້ນການເຊື່ອມຕໍ່ທີ່ຂ້າພະເຈົ້າໄດ້ສ້າງມາຮູ້ບ່ອນທີ່ຈະໄປ:
ເມື່ອທ່ານຮຽນຮູ້ HTML ຂັ້ນພື້ນຖານທ່ານສາມາດຂຽນເວັບໄຊທ໌ຂອງທ່ານໃນບັນນາທິການຂໍ້ຄວາມທີ່ມາພ້ອມກັບ Windows, ໂຄງການຕ່າງໆເຊັ່ນ NoteTab ແລະ Arachnophilia, ຫຼືຫນຶ່ງທີ່ມາພ້ອມກັບ ຕົວທ່ອງເວັບ ຂອງທ່ານ. ວິທີໃດກໍ່ຕາມຖ້າທ່ານພຽງແຕ່ປະຕິບັດຕາມກົດລະບຽບຈາກເວລາທີ່ທ່ານໄດ້ຮຽນຮູ້ຂັ້ນພື້ນຖານ HTML ທຸກສິ່ງທຸກຢ່າງຈະເຮັດໃຫ້ດີ.
HTML Tags ພື້ນຖານ
- ຄໍາເຫັນຂອງຜູ້ຂຽນບໍ່ເຫັນໂດຍຕົວທ່ອງເວັບ.
... HTML> - ສະເຫມີເລີ່ມຕົ້ນແລະສິ້ນສຸດຫນ້າຂອງທ່ານໂດຍໃຊ້ແທັກນີ້.
HEAD> - Header for document
BODY> - ຮ່າງກາຍຂອງເອກະສານ.
H1>
- ຂະຫນາດຂອງຫົວຂໍ້ນ້ອຍທີ່ສຸດ.
H2>
- ຂະຫນາດຂະຫນາດນ້ອຍ.
... H3>
- ຂະຫນາດຂະຫນາດກາງຂະຫນາດນ້ອຍ.
... H4>
- ຂະຫນາດກາງຂະຫນາດໃຫຍ່.
... H5>
- ຂະຫນາດຂະຫນາດໃຫຍ່.
... H6>
- ຂະຫນາດຂອງຫົວຂໍ້ທີ່ໃຫຍ່ທີ່ສຸດ.
... - ເລີ່ມຕົ້ນການເຊື່ອມຕໍ່ hypertext.
ADDRESS> - ຂໍ້ມູນກ່ຽວກັບຜູ້ຂຽນ.
BLOCKQUOTE>
- Long quotes
PRE>
- Text preformatted
- ແບບຟອມ.
- ສ້າງກ່ອງເພື່ອປ້ອນຂໍ້ຄວາມ
- ສ້າງເມນູເລື່ອນ.
- ສ້າງລາຍການເພື່ອເລືອກ.
... OL>
- ລາຍຊື່ສັ່ງຊື້.
ຕົວຢ່າງຂອງບັນຊີສັ່ງຊື້:
- ສີແດງ
- ສີຟ້າ
- ສີຂຽວ
UL>
- ບໍ່ມີລາຍຊື່
ຕົວຢ່າງຂອງບັນຊີລາຍຊື່ທີ່ບໍ່ໄດ້ກໍານົດໄວ້:
- ສີແດງ
- ສີຟ້າ
- ສີຂຽວ
- ລາຍຊື່ເມນູ
DL>
- ລາຍການຄໍາສັບຄໍາສັບ.
... CITE> - ການອ້າງອິງ.
CODE>
- ໂຄ້ດໂຄ້ດ
... DFN> - ໄລຍະກໍານົດ.
EM> - ເນັ້ນຫນັກ.
ຕົວຢ່າງຂອງການເນັ້ນໃສ່ສີແດງ:
ສີແດງ, ສີຟ້າ, ສີຂຽວ
I> - Italic
ຕົວຢ່າງຂອງ italic:
ສີແດງ, ສີຟ້າ, ສີຂຽວ
KBD> - ຂໍ້ຄວາມແປ້ນພິມ.
... SAMP> - ຕົວຢ່າງຂໍ້ຄວາມ.
... STRONG> - ແຂງແຮງເນັ້ນຫນັກ.
ຕົວຢ່າງຂອງຄວາມສໍາຄັນທີ່ເຂັ້ມແຂງ:
ສີແດງ, ສີຟ້າ, ສີຂຽວ
... TT> - ຕົວອັກສອນພິມ.
... VAR> - Variable.
... B> - Bold.
- ອະທິບາຍເອກະສານ.
- ເສັ້ນຢຸດ.
- ເສັ້ນແນວນອນ.
- ຮູບພາບ.
- Paragraph.
- ລາຍການລາຍການ.
- ຫມາຍເຖິງໄລຍະໃນລາຍຊື່.
- ຫມາຍຄວາມຫມາຍໃນບັນຊີ.