ວິທີການຂີດກ້ອງຂໍ້ຄວາມໃນ HTML

ກະວີ: Clyde Lopez
ວັນທີຂອງການສ້າງ: 19 ເດືອນກໍລະກົດ 2021
ວັນທີປັບປຸງ: 1 ເດືອນກໍລະກົດ 2024
Anonim
ວິທີການຂີດກ້ອງຂໍ້ຄວາມໃນ HTML - ສະມາຄົມ
ວິທີການຂີດກ້ອງຂໍ້ຄວາມໃນ HTML - ສະມາຄົມ

ເນື້ອຫາ

ວິທີການຂີດກ້ອງ HTML ເກົ່າແມ່ນໃຊ້ u> / u> tags, ແຕ່ດຽວນີ້ມັນໃຊ້ວິທີ CSS ທີ່ທັນສະໄ based. ການຂີດກ້ອງແມ່ນຖືວ່າເປັນວິທີທີ່ບໍ່ດີທີ່ຈະດຶງດູດຄວາມສົນໃຈຕໍ່ກັບຂໍ້ຄວາມເພາະວ່າມັນງ່າຍທີ່ຈະສັບສົນຂໍ້ຄວາມທີ່ຂີດກ້ອງດ້ວຍການເຊື່ອມຕໍ່.

ຂັ້ນຕອນ

ວິທີທີ 1 ຈາກທັງ2ົດ 2: ວິທີການທີ່ທັນສະໄ

  1. 1 ໃຊ້ຄຸນສົມບັດ "ການຕົບແຕ່ງຂໍ້ຄວາມ" ໃນ CSS. ປະຈຸບັນ, ແທໍກ u> ບໍ່ໄດ້ໃຊ້ເພື່ອຂີດກ້ອງຂໍ້ຄວາມ.
    • ໂດຍການເພີ່ມຄຸນສົມບັດນີ້, ເຈົ້າບໍ່ ຈຳ ເປັນຕ້ອງປ່ຽນລະຫັດຂອງເຈົ້າໃນອະນາຄົດເມື່ອແທັກເກົ່າretiredົດອາຍຸ.
  2. 2 ໃຊ້ span> tag ເພື່ອຂີດກ້ອງຂອບຂອງຂໍ້ຄວາມສະເພາະ. ໃສ່ແທັກເລີ່ມຕົ້ນພ້ອມກັບຄຸນສົມບັດ "ການຕົບແຕ່ງຂໍ້ຄວາມ" ຢູ່ທາງ ໜ້າ ຂອງຂໍ້ຄວາມທີ່ເຈົ້າຕ້ອງການຂີດກ້ອງ. ໃນຕອນທ້າຍຂອງຂໍ້ຄວາມ, ປ້ອນແທັກປິດ / span>.

    span style = "text-decoration: underline;"> ຂໍ້ຄວາມນີ້ຈະຖືກຂີດກ້ອງ. / span>

  3. 3 ລະບຸອົງປະກອບ HTML ໃນຮູບແບບ> ສ່ວນເພື່ອເຮັດໃຫ້ມັນຂີດກ້ອງໄດ້ງ່າຍຂຶ້ນ. ມັນຍັງສາມາດເຮັດໄດ້ໂດຍໃຊ້ CSS stylesheet. ຕົວຢ່າງ, ເພື່ອຂີດກ້ອງຫົວຂໍ້ລະດັບ 3 ທັງ,ົດ, ເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ໃນພາກສ່ວນ "ຮູບແບບ":

    html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> ຫົວຂໍ້ນີ້ຈະຂີດກ້ອງ / h3> / body> / html>

  4. 4 ສ້າງຊັ້ນຮຽນ CSS ເພື່ອຂີດກ້ອງຂໍ້ຄວາມໄດ້ໄວ. ເຈົ້າສາມາດສ້າງຊັ້ນຮຽນຢູ່ໃນແຜ່ນຮູບແບບຫຼືຮູບແບບຂອງເຈົ້າ> ພາກສ່ວນເພື່ອໂທຫາເຂົາເຈົ້າພາຍຫຼັງ. ຫ້ອງຮຽນສາມາດຕັ້ງຊື່ໄດ້.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> ໃຊ້ຊັ້ນນີ້ສໍາລັບ div> underline ໄວ / div> div ຕ່າງ various> elements / div> / body> / html>

  5. 5 ຄິດຫາວິທີອື່ນເພື່ອໄຮໄລ້ຂໍ້ຄວາມ. ພວກເຮົາແນະນໍາໃຫ້ທ່ານຫຼີກເວັ້ນການຂີດເສັ້ນໃຕ້ເພື່ອຫຼີກເວັ້ນຜູ້ໃຊ້ສັບສົນ. ດີກວ່າໃຊ້ແທັກ em> ເພື່ອເຮັດໃຫ້ຕົວເນີ້ງ. ໃຊ້ CSS ເພື່ອເພີ່ມທາງເລືອກການຈັດຮູບແບບອື່ນໃສ່ໂຄດຄໍາສັ່ງນີ້.

    html> head> style> em {ສີ: ສີແດງ; } / style> / head> body> ອັນໃດກໍ່ຕາມທີ່ຢູ່ໃນອົງປະກອບ "em" ຈະຖືກໂຕອຽງ (ຕາມຄ່າເລີ່ມຕົ້ນ) ແລະຍັງມີສີແດງ / </em> ຂອບໃຈກັບຕົວເລືອກຮູບແບບເພີ່ມເຕີມ. / body> / html>

ວິທີທີ 2 ຈາກທັງ2ົດ 2: ວິທີການສືບທອດ

  1. 1 ຫຼີກເວັ້ນການໃຊ້ແທັກ u> / u> ເກົ່າ. ພວກມັນຖືກຄັດຄ້ານ, ຊຶ່ງmeansາຍຄວາມວ່າແທັກເຫຼົ່ານີ້ຍັງໃຊ້ໄດ້ຢູ່, ແຕ່ກໍາລັງທໍ້ຖອຍໃຈຫຼືທໍ້ຖອຍໃຈ. ນີ້ແມ່ນຍ້ອນວ່າ HTML ບໍ່ໄດ້meantາຍເຖິງການປັບແຕ່ງຮູບແບບຂອງເນື້ອຫາ. ແທັກ u> ຍັງໃຊ້ໄດ້ຢູ່, ແຕ່ຕ້ອງເປັນຕົວແທນຂອງຂໍ້ຄວາມທີ່ແຕກຕ່າງຈາກຂໍ້ຄວາມອື່ນ, ເຊັ່ນຄໍາສັບທີ່ສະກົດຜິດຫຼືຊື່ທີ່ເChineseາະສົມຂອງຈີນ.
  2. 2 ໃຊ້ u> / u> tags ເພື່ອຂີດກ້ອງອົງປະກອບ (ສໍາລັບການສາທິດເທົ່ານັ້ນ). ເກືອບບໍ່ມີກໍລະນີດຽວທີ່ເຈົ້າຕ້ອງການໃຊ້ແທັກເຫຼົ່ານີ້. ເຈົ້າອາດຈະຕ້ອງແກ້ໄຂເວັບໄຊທ old ເກົ່າ, ສະນັ້ນມັນດີທີ່ສຸດທີ່ຈະຮູ້ວ່າແທັກແມ່ນຫຍັງ.

    html> body> ແທັກ HTML u> ເກົ່າເຮັດໃຫ້ມັນສາມາດຂີດກ້ອງ / u ໄດ້ຢ່າງໄວອົງປະກອບ, ແຕ່ຖ້າອົງປະກອບຮູບແບບອື່ນ were ຖືກສໍາຜັດ, ສິ່ງຕ່າງ became ກໍ່ກາຍເປັນຄວາມວຸ່ນວາຍ. ສະນັ້ນ, ປະຈຸບັນນີ້ເຂົາເຈົ້າໃຊ້ອົງປະກອບ CSS "ການຕົບແຕ່ງຕົວ ໜັງ ສື" ເພື່ອຂີດກ້ອງ. / body> / html>

ຄໍາແນະນໍາ

  • ເກືອບຈະມີວິທີທີ່ດີກວ່າທີ່ຈະເນັ້ນເນື້ອຫາຢູ່ໃນ ໜ້າ ເວັບຫຼາຍກວ່າການຂີດກ້ອງ. ການຂີດກ້ອງສາມາດເຮັດໃຫ້ຜູ້ໃຊ້ສັບສົນ. ຄິດກ່ຽວກັບວິທີເນັ້ນຂໍ້ຄວາມໂດຍໃຊ້ CSS.