สวัสดีค่ะ บทความช่วงนี้ก็ยังไม่พ้นเรื่องของ 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
การสร้างตัวยกหรือตัวห้อยด้วยโค้ด HTML
- พิมพ์ตัวเลขหรือตัวหนังสือลงไปค่ะ (แอนจะพิมพ์เลข 8)
- ถ้าต้องการจะให้มีอะไรมายกเลขหรือตัวหนังสือที่พิมพ์ไปในข้อ 1 ก็พิมพ์ <sup> ตามหลัง แต่ถ้าต้องการให้มีอะไรมาห้อยก็พิมพ์ <sub> ค่ะ เช่น 8<sup> หรือ 8<sub>
- คราวนี้เราก็มาพิมพ์ตัวเลขหรือตัวหนังสือที่ต้องการจะให้เป็นตัวยกหรือตัวห้อยกันค่ะ (แอนจะพิมพ์เลข 5)
- ปิดท้ายด้วย </sup> หรือ </sub> ปิดให้ตรงกับที่เราเปิดไว้ด้วยนะคะ ตัวอักษรที่อยู่ภายใน < และ > จะเหมือนกันแต่จะมีเครื่องหมาย Slash ( / ) เพิ่มขึ้นมาเท่านั้นเองค่ะ
ถ้าต้องการจะเขียนตัวยกกำลังหรืออะไรก็ตามแต่ที่จะต้องยกเลขขึ้นหรือห้อยเลขลงก็สามารถใช้วิธีนี้ในการเขียนได้เลยค่ะ
![ความใฝ่ฝันในอนาคต [3] ความใฝ่ฝัน คิดเอาเอง](http://4.bp.blogspot.com/-9TEBv40I5Rc/URjqkYSwK0I/AAAAAAAAIIs/hi6tIjN7x9Q/s72-c/Screen+Shot+2013-02-11+at+7.50.00+PM.png)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
หากบทความเกิดความผิดพลาดประการใดต้องขออภัยและช่วยชี้แนะด้วยนะคะ ^^