วันเสาร์ที่ 7 มีนาคม พ.ศ. 2563

16.คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ


คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ


            ตัวเอียง ตัวหนา หรือแบบอักษรแบบต่างนั้นมีเพื่อให้เราอ่านบทความได้ง่ายขึ้น หรือเป็นการเน้นคำ ซึ่งในบทนี้เราจะมาดูกันว่ามีคำสั่งอะไรบ้าง
1. คำสั่งที่ใช้ในการจัดลักษณะตัวอักษร
ในหัวข้อนี้จะเป็นคำสั่งที่ใช้ในการจัดรูปแบบทั่วไปเช่นตัวเอียง ตัวหนา คำสั่งเราจะแบ่งได้เป็น 2 พวกดังนี้
1.1. แบ่งตามลักษณะที่ปรากฏ เช่นตัวเอียง ตัวหนา
HTMLรูปแบบที่แสดง
<B>
<I>
<S>
<Sub>
<Sup>
<U>
ตัวอักษรแบบตัวหนา (bold)
ตัวอักษรแบบตัวเอน (italic)
ตัวอักษรแบบตัวขีดฆ่า (strike)
ตัวอักษรแบบตัวห้อย (subscripted)
ตัวอักษรแบบตัวยก (superscripted)
ตัวอักษรแบบขีดเส้นใต้ (underline)
1.2. แบ่งตามการใช้งาน เช่น ใช้กับคำพูดหรือวลี ใช้กับข้อความที่สำคัญมาก
HTMLรูปแบบที่แสดง
<Em>
<Stong>
<Ins>
<Del>
<Code>
<Address>
ใช้เน้นข้อความ คำพูดหรือวลี (emphasized)
ใช้เน้นข้อความที่สำคัญมากๆ (strong)
ใช้เน้นข้อความที่แก้ไขเพิ่มเติม (inserted)
ใช้บอกว่าข้อความนี้ถูกลบไปแล้ว (deleted)
ใช้บอกว่าข้อความที่เป็นโปรแกรม (computer code)
ใช้บอกว่าข้อความที่เป็นที่อยู่ (computer code)
2. คำสั่งที่ทำให้รูปแบบตัวอักษรใน soure code เหมือนกับที่แสดงผล
Pre tag จะมีประโยชน์มากในการที่เราจะแสดงบทความที่มีเนื้อหามาก หรือ คัดลอกเนื้อหาจากที่อื่นมาทำให้เราไม่ต้องขึ้นบรรทัดใหม่ด้วยคำสั่ง br และใช้ในการแสดง source code ได้ดีอีกด้วย

3. คำสั่งแสดงสัญลักษณ์พิเศษต่างๆ
สัญลักษณ์พิเศษบางตัวเช่น เครื่องหมายมากว่า (>) หรือ เครื่องหมายน้อยกว่า (<) ซึ่งเครื่องหมายเหล่านี้ใช้ในภาษา HTML ด้วยทำให้ตัวอักษรที่อยู่ในเครื่องหมายเหล่านี้กลายเป็น Tag หมด หรือเครื่องหมายที่ไม่มีบนคีบอร์ด แต่ถ้าเราต้องการแสดงเครื่องหมายเหล่านี้เราต้องใช้ Entity Name แทน ตามแบบด้านล่าง
CharacterEntityName
©&copy;COPYRIGHT SIGN
®&reg;REGISTERED SIGN
&trade;TRADE MARK SIGN
>&gt;GREATER-THAN SIGN
<&lt;LESS-THAN SIGN
;&semi;SEMICOLON
&&amp;AMPERSAND
"&quot;QUOTATION MARK
#&num;NUMBER SIGN
&starf;BLACK STAR
&star;WHITE STAR
&check;CHECK MARK
&cross;BALLOT X
&nbsp;SPACE
&larr;LEFTWARDS ARROW
&uarr;UPWARDS ARROW
&rarr;RIGHTWARDS ARROW
&darr;DOWNWARDS ARROW
&euro;EURO SIGN
&xdtri;WHITE DOWN-POINTING TRIANGLE
&sum;N-ARY SUMMATION
&numero;NUMERO SIGN
&copysr;SOUND RECORDING COPYRIGHT

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

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

18.เชื่อมต่อเอกสารของเราด้วย hyperlink

เชื่อมต่อเอกสารของเราด้วย hyperlink hyperlink หรือเราเรียกกันสั้นว่า link ซึ่งเราจะเห็นอยู่ในทุกเว็บไซต์ ใช้เพื่อเปิดเว็บเพจอื่นๆใน เว็บไ...