ຂຽນຂໍ້ຄວາມໃນ HTML

ກະວີ: John Pratt
ວັນທີຂອງການສ້າງ: 17 ກຸມພາ 2021
ວັນທີປັບປຸງ: 1 ເດືອນກໍລະກົດ 2024
Anonim
ຂຽນຂໍ້ຄວາມໃນ HTML - ຄໍາແນະນໍາ
ຂຽນຂໍ້ຄວາມໃນ HTML - ຄໍາແນະນໍາ

ເນື້ອຫາ

Underlining in HTML used to be a matter of enclosing the text between u u / / u> tags, ແຕ່ວ່າວິທີການນີ້ນັບຕັ້ງແຕ່ໄດ້ຖືກປະຕິເສດໃນຄວາມໂປດປານຂອງ CSS ທີ່ມີປະສິດຕິພາບຫຼາຍຂື້ນ. Underlining ໃນເວບໄຊທ໌ໂດຍທົ່ວໄປແມ່ນຖືວ່າເປັນວິທີທີ່ບໍ່ສະດວກທີ່ຈະເນັ້ນ ໜັກ ບົດເລື່ອງໃດ ໜຶ່ງ. ນີ້ແມ່ນຍ້ອນວ່າຂໍ້ຄວາມທີ່ຂີດກ້ອງຖືກສັບສົນງ່າຍດ້ວຍການເຊື່ອມໂຍງ.

ເພື່ອກ້າວ

ວິທີການທີ 1 ຂອງ 2: ວິທີການປະຈຸບັນ

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

    span style = "text-decoration: underline;"> ສິ່ງນີ້ຈະຖືກຂີດກ້ອງ ./span>

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

    html> head> style> h3 {ການຕົບແຕ່ງຂໍ້ຄວາມ: underline; } / style> / head> body> h3> ຫົວຂໍ້ນີ້ຖືກຂີດກ້ອງ / h3> / body> / html>

  4. ສ້າງຫ້ອງຮຽນ CSS ເພື່ອ ກຳ ນົດສາຍດ່ວນໃນທຸກເວລາ. ທ່ານສາມາດສ້າງຊັ້ນຮຽນໃນແບບແຜນຫລືແບບຂອງທ່ານ>, ເພື່ອຈະຖືກເອີ້ນໃນພາຍຫລັງ. ຫ້ອງຮຽນສາມາດມີຊື່ທີ່ທ່ານຕ້ອງການ.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> ທ່ານສາມາດໃຊ້ຊັ້ນຮຽນນີ້ເພື່ອແບ່ງປັນ div / / div ຈາກພາກສ່ວນຕ່າງໆ div> ຈາກເນື້ອຫາຂອງທ່ານ / div> / ຮ່າງກາຍ> / html>

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

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

ວິທີທີ່ 2 ຂອງ 2: ວິທີການລ້າສະໄຫມ

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

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

ຄຳ ແນະ ນຳ

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