Nesting HTML Tags

ວິທີການຮາດ HTML tags ຢ່າງຖືກຕ້ອງ

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

What Does It Mean To Nest Tags HTML?

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

ຖ້າທ່ານມີຂໍ້ຄວາມທີ່ທ່ານຕ້ອງການຄວາມຫນາແຫນ້ນໃນວັກຫນຶ່ງ, ທ່ານຈະມີສອງເອກະສານ HTML ເຊັ່ນດຽວກັນກັບຂໍ້ຄວາມຕົວມັນເອງ.

ຕົວຢ່າງ: ນີ້ແມ່ນ ປະໂຫຍກ ຂອງຂໍ້ຄວາມ.

ຂໍ້ຄວາມນັ້ນແມ່ນສິ່ງທີ່ພວກເຮົາຈະນໍາໃຊ້ເປັນຕົວຢ່າງຂອງພວກເຮົາ. ນີ້ແມ່ນວິທີທີ່ມັນຈະຖືກຂຽນໄວ້.

ຕົວຢ່າງ: ນີ້ແມ່ນປະໂຫຍກຂອງຂໍ້ຄວາມ.

ເນື່ອງຈາກວ່າທ່ານຕ້ອງການຄໍາວ່າ "ປະໂຫຍກ" ທີ່ເປັນກ້າວຫນ້າ, ທ່ານຈະເພີ່ມການເປີດແລະປິດ tags ທີ່ກ້າວຫນ້າກ່ອນແລະຫຼັງຈາກນັ້ນ.

ຕົວຢ່າງ: ນີ້ແມ່ນ ຄໍາ ຂອງຂໍ້ຄວາມ.

ໃນຂະນະທີ່ທ່ານສາມາດເບິ່ງເຫັນໄດ້, ພວກເຮົາມີກ່ອງຫນຶ່ງ (ວັກ) ທີ່ປະກອບດ້ວຍເນື້ອໃນ / ຂໍ້ຄວາມຂອງປະໂຫຍກຂອງພວກເຮົາ, ບວກກັບກ່ອງທີສອງ (ຄູ່ tag ທີ່ເຂັ້ມແຂງ), ເຊິ່ງຈະເຮັດໃຫ້ຄໍາວ່າເປັນຕົວຫນາ.

ເມື່ອເຈົ້າໃສ່ແທັບ, ມັນສໍາຄັນທີ່ສໍາຄັນທີ່ທ່ານປິດແທັກໃນຄໍາສັ່ງກົງກັນຂ້າມທີ່ທ່ານໄດ້ເປີດໃຫ້ເຂົາເຈົ້າ. ທ່ານເປີດ

ຄັ້ງທໍາອິດ, ຕິດຕາມດ້ວຍ , ຊຶ່ງຫມາຍຄວາມວ່າທ່ານປ່ຽນແລະປິດ ແລະຫຼັງຈາກນັ້ນ .

ອີກວິທີຫນຶ່ງທີ່ຈະຄິດກ່ຽວກັບເລື່ອງນີ້ແມ່ນເພື່ອໃຊ້ອີກເທື່ອຫນຶ່ງອີກດ້ວຍການປຽບທຽບຂອງຫ້ອງ. ຖ້າທ່ານເອົາກ່ອງໃສ່ກ່ອງອື່ນ, ທ່ານຕ້ອງປິດຫນ້າຫນຶ່ງກ່ອນທີ່ທ່ານຈະສາມາດປິດກ່ອງນອກຫຼືມີກ່ອງ.

ເພີ່ມຫລາຍຖັງນ້ໍາ

ຈະເປັນແນວໃດຖ້າທ່ານຕ້ອງການພຽງແຕ່ຫນຶ່ງຄໍາສັບຫລືສອງຄໍາທີ່ຈະມີຄວາມຫນາແຫນ້ນ, ແລະອີກປະການຫນຶ່ງຈະຖືກຕົວຈິງ? ນີ້ແມ່ນວິທີການເຮັດແນວນັ້ນ.

ຕົວຢ່າງ: ນີ້ແມ່ນ ຄໍາ ຂອງຂໍ້ຄວາມແລະມັນຍັງມີບາງ ຕົວອັກສອນ ເກີນໄປ.

ທ່ານສາມາດເບິ່ງວ່າປ່ອງນອກຂອງພວກເຮົາ,

, ມີແທັບສອງທີ່ຢູ່ໃນມັນ - ແລະ . ພວກເຂົາຕ້ອງຖືກປິດກ່ອນທີ່ປ່ອງທີ່ມີກ່ອງສາມາດປິດໄດ້.

ຕົວຢ່າງ: ນີ້ແມ່ນ ຄໍາສັບ ຂອງຂໍ້ຄວາມແລະມັນຍັງມີບາງ ຕົວອັກສອນ .

/ p>

ໃນກໍລະນີນີ້ພວກເຮົາມີຫ້ອງພາຍໃນຫ້ອງ! ປ່ອງທີ່ອອກຫຼາຍທີ່ສຸດແມ່ນ

ຫຼື "ພະແນກ". ພາຍໃນປ່ອງນັ້ນແມ່ນຄູ່ຂອງໂຄ້ດຖ້ອຍຄໍາທີ່ຊ້ອນກັນ, ແລະພາຍໃນວັກທໍາອິດພວກເຮົາມີຄູ່ tag ແລະ ຕໍ່ໄປ. ເມື່ອອີກເທື່ອຫນຶ່ງ, ເບິ່ງຫນ້າເວັບຕ່າງໆໃນມື້ນີ້ແລະທ່ານຈະເຫັນນີ້ແລະຫຼາຍຮັງເກີດຂຶ້ນຫຼາຍ! ນີ້ແມ່ນວິທີການສ້າງຫນ້າເວັບຕ່າງໆພາຍໃນຫ້ອງ.

ເປັນຫຍັງທ່ານຄວນເອົາໃຈໃສ່ກ່ຽວກັບຮັງສີ

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

ຕົວຢ່າງ: ນີ້ແມ່ນ ຄໍາສັບ ຂອງຂໍ້ຄວາມແລະມັນຍັງມີບາງ ຕົວອັກສອນ .

> ນີ້ແມ່ນ ຫຍໍ້ຫນ້າອື່ນ .

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

ເນື້ອຫານ້ອຍ {ສີ: # F00; }

ເຫດຜົນອື່ນ ໆ ລວມເຖິງການເຂົ້າເຖິງແລະຄວາມເຂົ້າກັນຂອງເບົາເຊີ. ຖ້າ HTML ຂອງທ່ານຖືກຮວມກັນບໍ່ຖືກຕ້ອງ, ມັນຈະບໍ່ສາມາດເຂົ້າເຖິງຜູ້ອ່ານຫນ້າຈໍແລະຕົວທ່ອງເວັບທີ່ອາຍຸໄດ້ - ແລະມັນກໍ່ສາມາດທໍາລາຍຮູບລັກສະນະຂອງຫນ້າເວັບໄດ້ຖ້າວ່າຕົວທ່ອງເວັບບໍ່ສາມາດສະແດງຫນ້າທີ່ເຫມາະສົມຍ້ອນວ່າເອກະສານ HTML ແລະແທັບ ອອກຈາກສະຖານທີ່.

ສຸດທ້າຍ, ຖ້າທ່ານກໍາລັງພະຍາຍາມຂຽນ HTML ຖືກຕ້ອງແລະຖືກຕ້ອງ, ທ່ານຈໍາເປັນຕ້ອງໃຊ້ຮັງສີທີ່ຖືກຕ້ອງ. ຖ້າບໍ່ດັ່ງນັ້ນ, ຜູ້ກວດສອບທຸກໆຈະທຸງ HTML ຂອງທ່ານບໍ່ຖືກຕ້ອງ.