Latest News

วันอังคารที่ 5 กุมภาพันธ์ พ.ศ. 2556

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

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

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


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


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


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


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

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

8<sup>5</sup>
8<sub>5</sub>

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

85
85

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

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

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

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

หากบทความเกิดความผิดพลาดประการใดต้องขออภัยและช่วยชี้แนะด้วยนะคะ ^^

PakamasBlog

Add us on Google+