การจัดรูปแบบข้อความ ใน HTML

Written on February 19, 2010 – 2:17 pm | by ikapeng |

ในการทำเว็บส่วนใหญ่เนื้อหาจะเป็นส่วนสำคัญ ในบางครั้งเราต้องการที่จะเน้นที่ข้อความใดข้อความหนึ่ง เพื่อดึงดูดความสนใจ ซึ่งเราอาจจะเน้นข้อความนั้น ๆ เป็นพิเศษ ด้วยการใส่ตัวหนา ตัวเอียง การขีดเส้นใต้ข้อความ หรือการขีดฆ่า

ในแท็กภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของแท็ก มีดังนี้

  1. การกำหนดแบบตัวหนา (Bold)  <b> …ข้อความ…</b> หรือ <strong> …ข้อความ…</strong>
  2. การกำหนดแบบตัวเอียง (Italic) <i> …ข้อความ…</i>
  3. การกำหนดแบบตัวขีดเส้นใต้ (Underline) <u>…ข้อความ…</u>
  4. การกำหนดแบบตัวขีดฆ่า (Strike) <strike>…ข้อความ…</strike>

ตัวอย่างรูปแบบการจัดรูปแบบข้อความแบบต่าง ๆ

<html>
<head><title> ....การจัดรูปแบบข้อความ.ใน HTML ....</title></head>
<body>
<b><font size = "2"> ข้อความนี้กำหนดตัวหนา b</font></b><br />
<strong><font size = "2"> ข้อความนี้กำหนดตัวหนา strong</font></strong><br />
<i><font size = "2"> ข้อความนี้กำหนดตัวเอียง i </font></i><br />
<u><font size = "2"> ข้อความนี้กำหนดตัวขีดเส้นใต้ u </font></u><br />
<strike><font size = "2"> ข้อความนี้กำหนดตัวขีดฆ่า strike </font></strike><br />
</body>
</html>

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

: แล้วอย่าลืมมาติดตาม HTML ตอนต่อไปนะคับ…. :)

Tags: , , , , ,

Post a Comment

Spam protection by WP Captcha-Free

Find entries :

About Me

สวัสดีครับ ยินดีต้อนรับทุกท่านที่แวะผ่านเข้ามาเยี่ยมชม บล็อก...เว็บ...หรือว่าเว็บบล็อกมั้ง ที่ที่นี้ทำไว้ทำไมก็ไม่รู้นะ แต่ที่แน่ๆก็น่าจะทำไว้เฉยๆ อ่าาา เอาเป็นว่าเว็บบล็อกนี้ทำไว้เก็บข้อมูลที่น่าสนใจ น่าอ่านทั้งที่เป็นประโยชน์ หรือไร้สาระบ้างผมก็จะเอามาโพสต์เก็บไว้อ่านเองบ้าง หรือใครจะมาอ่านด้วยก็ตามสบายเลยนะครับ เผื่อว่ามันจะมีประโยชน์บ้าง เชิญอ่านให้สนุกเลยละกันครับ..:). More

Want to subscribe?

 Subscribe in a reader Or, subscribe via email:

Enter your email address:
Delivered by FeedBurner