วิธีทำให้ข้อความที่มองไม่เห็นในโค้ด HTML

ผู้เขียน: Randy Alexander
วันที่สร้าง: 28 เมษายน 2021
วันที่อัปเดต: 14 พฤษภาคม 2024
Anonim
สอน HTML #21 - Form part 1 - ไข่ย้อย คอยรัก
วิดีโอ: สอน HTML #21 - Form part 1 - ไข่ย้อย คอยรัก

เนื้อหา

แท็ก HTML หลายรายการมาพร้อมกับคุณสมบัติที่เรียกว่า "การมองเห็น" องค์ประกอบที่มีสไตล์นี้คือแท็ก div แท็กนี้เป็นที่บรรจุข้อความและรูปภาพในสถานที่เฉพาะบนหน้าเว็บ คุณสามารถใช้มันเพื่อซ่อนข้อความในหน้า ล้อมรอบบล็อกข้อความของคุณด้วยแท็ก div และจะถูกซ่อน สิ่งนี้มีประโยชน์เมื่อคุณต้องการสร้างเมนูหรือหน้าแบบไดนามิกที่ไม่แสดงข้อมูลจนกว่าผู้ใช้จะคลิกปุ่มหรือลิงก์


คำสั่ง

วิธีทำให้ข้อความที่มองไม่เห็นในโค้ด HTML (ภาพ http 3d โดย Mauro Saivezzo จาก Fotolia.com)
  1. เปิดหน้าเว็บของคุณในโปรแกรมแก้ไขข้อความ สามารถอยู่ในโปรแกรมแก้ไขข้อความอย่างง่ายเช่น Notepad หรือบรรณาธิการ HTML ขั้นสูงเช่น Notepad ++ หรือ Visual Studio

  2. วางแท็ก div ในส่วนของหน้าเว็บที่คุณต้องการวางข้อความ รหัสด้านล่างวางแท็ก div โดยตั้งค่าคุณสมบัติการเปิดเผยเป็นซ่อน:

  3. ป้อนข้อความภายในแท็ก div ในการทดสอบให้พิมพ์ "My Hidden Text" ภายในแท็ก รหัสของคุณควรเป็นดังนี้: ข้อความที่ซ่อนของฉัน

  4. บันทึกไฟล์และเปิดด้วยเบราว์เซอร์ของคุณ แม้ว่าจะสามารถเห็นได้ในรหัสที่นำเสนอ แต่จะไม่มีข้อความปรากฏในเบราว์เซอร์