ในการสร้างเอกสารรายงานด้วยโปรแกรมต่าง ๆ ยกตัวอย่างเช่นการเขียนเอกสารรายงานบนโปรแกรม Microsoft Word หรือโปรแกรม Microsoft Powerpoint อาจมีการแทรกสัญลักษณ์หรืออักขระพิเศษ เช่น เครื่องหมายถูก เครื่องหมายผิด หรือ ฟังก์ชันทางคณิตศาสตร์ ได้เพื่องานต่อความเข้าใจของเนื้อหา ซึ่งในการสร้างหน้าเพจด้วย Html ก็สามารถแทรกสัญลักษณ์เหล่านี้ได้เช่นกัน โดยในบทความนี้จะยกตัวอย่างสัญลักษณ์ประเภทต่างๆและวิธีการนำไปใช้งาน ดังนี้

รหัสของสัญลักษณ์ทางคณิตศาสตร์

√ รหัสคือ 8730 รากที่สอง

รหัสคือ 8737 มุมวัด

รหัสคือ 8738 ANGLE ทรงกลม

รหัสคือ 8780 ทั้งหมดเท่ากับ

รหัสคือ 8894 มุมขวากับ ARC

รหัสคือ 8895 สามเหลี่ยมมุมฉาก

รหัสคือ 8896 N-ARY ตรรกะและ

รหัสคือ 8897 N-ARY หรือตรรกะ

รหัสคือ 8898 N-ARY สี่แยก

รหัสคือ 8899 N-ARY ยูเนี่ยน

รหัสของสัญลักษณ์ลูกศร

รหัสคือ 8592 ลูกศร leftwards

↑  รหัสคือ 8593 ลูกศรขึ้น

รหัสคือ 8594 ลูกศรชี้ไปทางขวา

↓   รหัสคือ 8595 ลูกศรลง

รหัสคือ 8596 ลูกศรซ้ายขวา

↕  รหัสคือ 8597 ลูกศรขึ้นลง

รหัสคือ 8598 ลูกศรบอกทิศตะวันตก

รหัสคือ 8599 NORTH EAST ลูกศร

รหัสคือ 8600 SOUTH EAST ลูกศร

รหัสคือ 8601 SOUTH WEST ลูกศร

รหัสของสัญลักษณ์รูปทรงเรขาคณิต

รหัสคือ 9633 สีขาว SQUARE

รหัสคือ 9634 สีขาวแควร์ที่มีมุมโค้งมน

รหัสคือ 9645 สีขาวสี่เหลี่ยมผืนผ้า

รหัสคือ 9647 สีขาวสี่เหลี่ยมผืนผ้าแนวตั้ง

รหัสคือ 9649 สีขาวสี่เหลี่ยมด้านขนาน

รหัสคือ 9651 สีขาว UP-สามเหลี่ยมชี้

○  รหัสคือ 9675 วงกลมสีขาว

รหัสของสัญลักษณ์เบ็ดเตล็ด

☀ รหัสคือ 9728 อาทิตย์สีดำรังสี

รหัสคือ 9729 เมฆ

รหัสคือ 9730 ร่ม

รหัสคือ 9731 SNOWMAN

รหัสคือ 9732 ดาวหาง

รหัสคือ 9733 ดาวสีดำ

รหัสคือ 9734 ดาวสีขาว

♩  รหัสคือ 9833 ไตรมาสหมายเหตุ

♪  รหัสคือ 9834 ทราบแปด

♫  รหัสคือ 9835 คาน EIGHTH หมายเหตุ

รหัสคือ 9836 คาน SIXTEENTH หมายเหตุ

ตัวอย่างการนำรหัสของสัญลักษณ์มาใช้ โดยจะยกตัวอย่างประเภทละหนึ่งตัว ตามนี้

<!DOCTYPE html>
<html>
<body>

สัญลักษณ์เบ็ดเตล็ดคือ <br>
ร่ม &#9730; <br><br>

สัญลักษณ์ทางคณิตศาสตร์คือ <br>
มุมวัด &#8737; <br><br>

สัญลักษณ์เบ็ดเตล็ดคือ <br>
ลูกศรซ้ายขวา &#8596; <br><br>

สัญลักษณ์เบ็ดเตล็ดคือ <br>
สีขาวสี่เหลี่ยมผืนผ้า &#9645; <br><br>

</body>
</html>

ผลลัพธ์ที่ได้คือ

ภาพผลลัพธ์
ภาพผลลัพธ์ การใช้รหัสแทนอักขระพิเศษ ในภาษา HTML

จากการทำงานจะเห็นได้ว่าเมื่อเรานำรหัสมาใส่ในTag  Code และรันออกมา จะได้ผลลัพธ์เป็นสัญลักษณ์ตามรูปแบบที่ยกตัวอย่างไว้ด้านบน ซึ่งวิธีการนำรหัสมาใช้นั้นเราจะใส่รหัสภายใต้ &#(รหัสสัญลักษณ์); ซึ่งโครงสร้างการใช้งานจะเหมือนกันในทุกตัวเพียงแค่นำรหัสมาใส่ภายใต้  &#(รหัสสัญลักษณ์); เมื่อรันหน้าเว็บเพจก็จะขึ้นเป็นสัญลักษณ์ตามผลลัพธ์ที่แนบไว้

อ้างอิง

HTML สัญลักษณ์ ,[ออนไลน์], http://www.w3bai.com/th/charsets/ref_utf_letterlike.html#gsc.tab=0

รหัสใช้แทนอักขระพิเศษ ในภาษา HTML. ,[ออนไลน์], https://unicode-table.com/th/html-entities/

สัญลักษณ์ (Symbols) ,[ออนไลน์], https://code-th.com/html/lesson/symbols

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การใช้ Intonation ในภาษาอังกฤษ
โดย internTk21 ส 06 เม.ย. 2024 1:46 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
171
ส 06 เม.ย. 2024 1:46 pm โดย internTk21 View Topic การใช้ Intonation ในภาษาอังกฤษ
พื้นฐานการทำ SEO ในเว็บไซต์ เส้นทางสู่การเพิ่มประสิทธิภาพในการค้นหา
โดย athirach.offcial พฤ 04 เม.ย. 2024 4:53 pm บอร์ด Share Knowledge
0
277
พฤ 04 เม.ย. 2024 4:53 pm โดย athirach.offcial View Topic พื้นฐานการทำ SEO ในเว็บไซต์ เส้นทางสู่การเพิ่มประสิทธิภาพในการค้นหา
ลักษณะการทดสอบโปรแกรมที่ไม่เหมาะกับการทดสอบอัตโนมัติ
โดย athirach.offcial พฤ 04 เม.ย. 2024 4:49 pm บอร์ด Software testing
0
297
พฤ 04 เม.ย. 2024 4:49 pm โดย athirach.offcial View Topic ลักษณะการทดสอบโปรแกรมที่ไม่เหมาะกับการทดสอบอัตโนมัติ
Tester trick ข้อควรระวังในการทดสอบโปรแกรม
โดย athirach.offcial พฤ 04 เม.ย. 2024 4:43 pm บอร์ด Software testing
0
100
พฤ 04 เม.ย. 2024 4:43 pm โดย athirach.offcial View Topic Tester trick ข้อควรระวังในการทดสอบโปรแกรม
การทดสอบและบทบาทของผู้ทดสอบโปรแกรมอัตโนมัติในปี 2024
โดย athirach.offcial พฤ 04 เม.ย. 2024 4:38 pm บอร์ด Software testing
0
89
พฤ 04 เม.ย. 2024 4:38 pm โดย athirach.offcial View Topic การทดสอบและบทบาทของผู้ทดสอบโปรแกรมอัตโนมัติในปี 2024
ตัวอย่าง Prefix และ Suffix ในภาษาอังกฤษ
โดย internTk21 พฤ 04 เม.ย. 2024 4:34 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
164
พฤ 04 เม.ย. 2024 4:34 pm โดย internTk21 View Topic ตัวอย่าง Prefix และ Suffix ในภาษาอังกฤษ
เครื่องอ่านบาร์โค้ด สามารถ สแกนกลับหัว กลับหางได้ไหม และนี่คือคำตอบจาก ChatGPT
โดย mindphp พฤ 04 เม.ย. 2024 4:23 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
107
พฤ 04 เม.ย. 2024 4:23 pm โดย mindphp View Topic เครื่องอ่านบาร์โค้ด สามารถ สแกนกลับหัว กลับหางได้ไหม และนี่คือคำตอบจาก ChatGPT
คำศัพท์ภาษาอังกฤษ Homonyms ที่พบได้ในชีวิตประจำวัน
โดย internTk21 พฤ 04 เม.ย. 2024 2:18 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
118
พฤ 04 เม.ย. 2024 2:18 pm โดย internTk21 View Topic คำศัพท์ภาษาอังกฤษ Homonyms ที่พบได้ในชีวิตประจำวัน