วันศุกร์ที่ 29 พฤษภาคม พ.ศ. 2552

สนุกกับการปรับแต่งตัวอักษร HTML เบื้องต้น

สวัสดีเพื่อนๆ เบื่อกันอ่ะยาง วันนี้เรามาสนุกกับการปรับแต่งตัวอักษรกันดีกว่า
เนื้อหาเหมือนจะเยอะนิดนุงนะวันนี้ แต่ไม่ยากเลยเพราะหลักการเหมือนกัน (มั่ง) อิอิ

แฮ่มๆ เอาละมาเข้าเรื่องกันเลยดีกว่ามาลองดูเนื้อหาที่จะมาร่ำมาเรียนพร้อมๆกันก่อนดีกว่า

ตัวอักษรปกติ
ตัวหนา
ตัวเอียง
ตัวขีดเส้นใต้
ตัวอักษรใหญ่ขึ้น 1 ระดับ
ตัวอักษรเล็กลง 1 ระดับ
ตัวอักษรขีดฆ่า
ตัวอักษรยกกำลัง
ตัวอักษรห้อย (มันเรียกแบบนี้ป่าวอ่ะ -*-)

โห้วววว แล้วจะจำกันหมดไหมเนี๊ยะ !! ทำใจไว้ก่อนเลย ก่อนอื่นมาลองดูหลักการอันเยอะแยะมากมายกันก่อน
  • ใส่โค้ทคร่อมช่วงที่ต้องการปรับแต่งตัวอักษร
ครับ แค่นั้นจริงๆ ใส่โค้ทคร่อมช่วงที่ต้องการปรับแต่งตัวอักษร แล้วโค้ทคืออะไรบ้างมาลองดูกัน (ทำไมตารางมันร่วงไปอยู่นั่นได้อ่ะ)











แบบตัวอักษรโค้ท
ตัวอักษรปกติไม่ต้องใส่โค้ท
ตัวหนา<B>.....</B>
ตัวเอียง<i>.....</i>
ตัวขีดเส้นใต้<U>.....</U>
ตัวอักษรใหญ่ขึ้น 1 ระดับ<BIG>.....</BIG>
ตัวอักษรเล็กลง 1 ระดับ<SMALL>.....</SMALL>
ตัวอักษรขีดฆ่า<STRIKE>.....</STRIKE>
ตัวอักษรยกกำลัง<SUP>.....</SUP>
ตัวอักษรห้อย<SUB>.....</SUB>



ง่ายมากเลยใช่ไหมครับ แค่จำโค้ทได้ก็สามารถปรับแต่งตัวอักษรกันได้อย่างสนุกสนานเลยทีเดียว
ขอแถมโค้ทอีก 2 TAG ที่สามารถใช้ได้เฉพาะเมื่อเปิดดูด้วย IE (Internet Explorer Browser) เท่านั้น
FireFox และ Safari เปิดดูจะไม่เห็นผลนะจ๊ะ
แก้ไขจ้า ตะกี้เปิดกับ FireFox 3.0.10 แล้วมันใช้ได้อ่ะ แหะๆ

<BLINK>ตัวอักษรกระพริบ</BLINK>
<MARQUEE>ตัวอักษรข้อความเลื่อน </MARQUEE>

ลองเอาไปเล่นกันดูนะ คราวหน้าเราจะมาลงสีให้ตัวอักษรกัน โอ้วว มีสีสันสวยงามมั๊กๆ อ่ะแจ๋วใจร้ายจบพอดีเลย ขอตัวไปอาบน้ำก่อนนะคร๊าบ แล้วเจอกัน

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