สร้างตัวยกและตัวห้อย

สวัสดีค่ะ บทความช่วงนี้ก็ยังไม่พ้นเรื่องของ Google Sites ค่ะ วันนี้ไม่ได้เรียนวิชาคอมพิวเตอร์หรอกค่ะ แต่ก็ได้ความรู้ใหม่ๆมา เนื่องจากมีเพื่อนคนหนึ่งกำลังพิมพ์งานใส่ไซต์แล้วถามแอนว่าตัวยกกำลังทำยังไง ตอนนั้นแอนก็ไม่ทราบจริงๆก็บอกให้เพื่อนเขียนว่ามันยกกำลังไปเลย เช่น 8 ยกกำลัง 3 เป็นต้น คราวนี้ครูเดินผ่านมาเพื่อนคนนั้นก็เลยถามครู ตามฟอร์มค่ะแอนไม่ได้สนใจก็เลยได้รู้มาว่าในไซต์ของเราก็สามารถใส่ตัวยก 8⁵และตัวห้อย 8₅ได้อย่างง่ายดาย แอนก็เลยลองใส่เล่นกับเขาบ้างแล้วก็คลิกเข้าไปดูใน <HTML> ตอนแรกก็งงอยู่ค่ะเพราะโค้ดจะมีความคล้ายกันพอสมควร หน้าตาโค้ดจะเป็นแบบไหนแล้วเราจะสามารถใส่ตัวยกและตัวห้อยโดยที่ไม่ต้องเข้าไปแก้ไขโค้ด HTML ได้ยังไง เดี๋ยวเราไปดูด้วยกันเลยค่ะ ^_^

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

ต่อมาก็ใส่ตัวเลขหรือตัวหนังสือลงไป 2 ตัว (จะใส่มากกว่านี้ก็ได้ค่ะ)

จากนั้นก็เลือกตัวเลขที่ต้องการจะให้เป็นตัวยกหรือตัวห้อยค่ะ แล้วก็ไปที่ รูปแบบ เลือก ตัวยกหรือตัวห้อย

ภาพด้านล่างนี้เป็นตัวอย่างผลลัพธ์ที่จะได้จากการเลือกตัวยกและตัวห้อยค่ะ

เข้าไปดู Code กันหน่อย

เราก็จะเจอโค้ดประมาณนี้ค่ะ

85

85

ผลลัพธ์ที่ได้ก็จะเป็นแบบนี้ค่ะ

8⁵
8₅

Sup ย่อมาจาก Superscripts คือ ตัวยก

Sub ย่อมาจาก Subscripts คือ ตัวห้อย

การสร้างตัวยกหรือตัวห้อยด้วยโค้ด HTML

พิมพ์ตัวเลขหรือตัวหนังสือลงไปค่ะ (แอนจะพิมพ์เลข 8)
ถ้าต้องการจะให้มีอะไรมายกเลขหรือตัวหนังสือที่พิมพ์ไปในข้อ 1 ก็พิมพ์ ตามหลัง แต่ถ้าต้องการให้มีอะไรมาห้อยก็พิมพ์ ค่ะ เช่น 8 หรือ 8
คราวนี้เราก็มาพิมพ์ตัวเลขหรือตัวหนังสือที่ต้องการจะให้เป็นตัวยกหรือตัวห้อยกันค่ะ (แอนจะพิมพ์เลข 5)
ปิดท้ายด้วย หรือ ปิดให้ตรงกับที่เราเปิดไว้ด้วยนะคะ ตัวอักษรที่อยู่ภายใน < และ > จะเหมือนกันแต่จะมีเครื่องหมาย Slash ( / ) เพิ่มขึ้นมาเท่านั้นเองค่ะ

ถ้าต้องการจะเขียนตัวยกกำลังหรืออะไรก็ตามแต่ที่จะต้องยกเลขขึ้นหรือห้อยเลขลงก็สามารถใช้วิธีนี้ในการเขียนได้เลยค่ะ