ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน


          1.4  การตัดคำขึ้นบรรทัดใหม่ (Word Break) ด้วยแท็ก <wbr>

                 จากการใช้แท็ก <nobr> เพื่อยกเลิกการตัดคำเพื่อจัดข้อความให้พอดีกับการปรับเปลี่ยน
หน้าต่างโปรแกรม มีผลทำให้ข้อความถูกพิมพ์ต่อเองไปจนสุดบรรทัดของหน้าต่างโปรแกรมแล้วจึงขึ้นบรรทัดใหม่
ทำให้รู้สึกว่าข้อความบางส่วนหายหรือมองไม่เห็นบนจอภาพในขณะที่หน้าต่างโปรแกรมมีขนาดเล็ก และต้องใช้
แถบเลื่อน (Scroll bar) เลื่อนหน้าไปดูแต่ละส่วนที่ต้องการ  จากจุดตรงนี้เองถ้าเราต้องการที่จะตัดคำ
เพื่อขึ้นบรรทัดใหม่ เพื่อขึ้นจอภาพที่แสดงผลของเอกสารHTML ในเว็บเบราว์เซอร์ให้ดูดีขึ้น เราก็จะใช้แท็ก
การตัดคำ (Word Break) ซึ่งเป็นแท็กที่สามารถใช้รวมกับคำสั่ง <nobr>  ได้โดยมีรูปแบบดังนี้

                  รูปแบบ

ข้อความ...................................<wbr>


ตัวอย่างการตัดคำ

<!DOCTYPE  html>
<html>
<head>
    <title> Word break Tag </title>
</head>
<body>
<nobr>

        The code within an HTML file consists of text surrounded by tags.
        <wbr>  these tags indicate where the formatting should be
        applied, how the layout should, appear, <wbr> what pictures
        should be placed in certain locations, and more.
</nobr>
<br>
        For example, suppose you wanted a certain word to be italicized,
        like this: <br>
        Everything  in on sale.

</body>
</html>


เนื่องจากแท็ก <wbr> นี้  Internet Explorer ไม่รองรับ ให้ลองแสดงผลใน Google Chrome แทน


ผลลัพธ์บนเว็บเบราว์เซอร์