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

HTML

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

ลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์

    1.คำสั่งที่ใช้ในการจัดลักษณะตัวอักษร
    ในหัวข้อนี้จะเป็นคำสั่งที่ใช้ในการจัดรูปแบบทั่วไปเช่นตัวเอียง ตัวหนา

    คำสั่งเราจะแบ่งได้เป็น 2 พวกดังนี้

    1.แบ่งตามลักษณะที่ปรากฏ เช่นตัวเอียง ตัวหนา

         <B>
<I>
<S>
<Sub>
<Sup>
<U>
ตัวอักษรแบบตัวหนา (bold)
ตัวอักษรแบบตัวเอน (italic)
ตัวอักษรแบบตัวขีดฆ่า (strike)
ตัวอักษรแบบตัวห้อย (subscripted)
ตัวอักษรแบบตัวยก (superscripted)
ตัวอักษรแบบขีดเส้นใต้ (underline)


    2.แบ่งตามการใช้งาน เช่น ใช้กับคำพูดหรือวลี ใช้กับข้อความที่สำคัญมาก

         <Em>
<Stong>
<Ins>
<Del>
<Code>
<Address>
ใช้เน้นข้อความ คำพูดหรือวลี (emphasized)
ใช้เน้นข้อความที่สำคัญมากๆ (strong)
ใช้เน้นข้อความที่แก้ไขเพิ่มเติม (inserted)
ใช้บอกว่าข้อความนี้ถูกลบไปแล้ว (deleted)
ใช้บอกว่าข้อความที่เป็นโปรแกรม (computer code)
ใช้บอกว่าข้อความที่เป็นที่อยู่ (computer code)


    ซึ่งจริงแล้วนั้น ผลลัพธ์ออกมาก็เหมือนกัน เช่น B ให้ผลลัพธ์เหมือนกับ Strong เราจะเลือกใช้แบบใดก็ได้ แต่เราแยกเพื่อความสะดวกในการใช้งานมากกว่า

    2.คำสั่งที่ทำให้รูปแบบตัวอักษรใน soure code เหมือนกับที่แสดงผล
    Pre tag จะมีประโยชน์มากในการที่เราจะแสดงบทความที่มีเนื้อหามาก หรือ คัดลอกเนื้อหาจากที่อื่นมาทำให้เราไม่ต้องขึ้นบรรทัดใหม่ด้วยคำสั่ง br และใช้ในการแสดง source code ได้ดีอีกด้วย

    รูปแบบของ Pre tag

<pre> ..... </pre>


    3.คำสั่งแสดงสัญลักษณ์พิเศษต่างๆ
    สัญลักษณ์พิเศษบางตัวเช่น เครื่องหมายมากว่า (>) หรือ เครื่องหมายน้อยกว่า (<) ซึ่งเครื่องหมายเหล่านี้ใช้ในภาษา HTML ด้วยทำให้ตัวอักษรที่อยู่ในเครื่องหมายเหล่านี้กลายเป็น Tag หมด หรือเครื่องหมายที่ไม่มีบนคีบอร์ด แต่ถ้าเราต้องการแสดงเครื่องหมายเหล่านี้เราต้องใช้ Entity Name แทน ตามแบบด้านล่าง

เกี่ยวกับบทความนี้

  • ระดับความยาก : พื้นฐาน
  • คะแนนของบทความนี้ : 7
  • สร้างเมื่อ : 16-05-2010
  • จำนวนครั้งที่เปิด : 6,619
  • เนื้อหาที่เกี่ยวข้อง :
      -

คะแนนความน่าสนใจ

529

คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ

บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (12 เรื่อง)

บทนำ HTML

บทนำ HTML

ที่มาของ HTML และพื้นฐานการใช้งาน HTML ในบทนี้จะเป็นต้องใช้โปรแกรมอย่าง Text editer ถ้าคุณยังไม่เคยใช้งานแนะนำให้อ่านหัวข้อ ลองทำเว็บแบบง่ายๆ ดูก่อนเพื่อเป็นพื้นฐานในการอ่านบทนี้

สร้างเมื่อ : 16-05-2010 9:01 | จำนวนครั้งที่เปิด : 7,445


โครงสร้างคำสั่งของ HTML

โครงสร้างคำสั่งของ HTML

ในบทนี้จะเป็นโครงสร้างคำสั่ง(tag) ของ HTML

สร้างเมื่อ : 16-05-2010 10:12 | จำนวนครั้งที่เปิด : 10,229


คำสั่งในการจัดหน้า

คำสั่งในการจัดหน้า

ในบทนี้จะเป็นคำสั่ง Tag พื้นฐานของ HTML ในส่วนของ body section ที่ใช้ในการจัดหน้าเช่น จัดย่อหน้า จัดให้ชิดซ้าย ชิดขวา

สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 6,864


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

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

ตัวเอียง ตัวหนา บทนี้จะบทคำสั่งที่เกี่ยวกับตัวอักษรทั้งหลายกัน รวมถึงสัญลักษณ์ต่างๆ

สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 6,619


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

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

เว็บไซต์ของเราประกอบด้วย web page มากมาย ซึ่งเราจะใช้ hyperlink ในการเชื่อมโยงเอกสารเหล่านั้น

สร้างเมื่อ : 16-05-2010 8:19 | จำนวนครั้งที่เปิด : 4,195


แบ่งหน้าจอโดยใช้ Frame

แบ่งหน้าจอโดยใช้ Frame

ปรกติเราจะแสดงเว็บเพจใน browser ได้ที่ละ 1 เว็บเพจ แต่ถ้าเราใช้ Frame เราจะสามารถแสดงเว็บเพจได้หลายๆเว็บเพจในหน้าเดียว โดยจะแบ่งหน้าของ browser ออกเป็นส่วนๆ โดยใช้ Frame

สร้างเมื่อ : 16-05-2010 9:59 | จำนวนครั้งที่เปิด : 4,915


Table คำสั่งที่สำคัญสุดในการทำเว็บเพจ

Table คำสั่งที่สำคัญสุดในการทำเว็บเพจ

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

สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 4,717


list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ

list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ

list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ ซึ่งจะทำให้ข้อมูลอ่านได้ง่ายขึ้น

สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 2,641


การสร้างแบบฟอร์ม

การสร้างแบบฟอร์ม

เว็บไซต์นั้นต่างจากเอกสารธรรมดา ตรงที่สามารถตอบโต้กับผู้ใช้งานได้ เช่นการใช้ search (ค้นหา) ในเว็บไซต์ hellomyweb.com ช่องรับค่าของ search นั้นก็คือแบบฟอร์มใน html นั่นเอง

สร้างเมื่อ : 16-05-2010 8:37 | จำนวนครั้งที่เปิด : 3,594


การใส่รูปในเว็บเพจ

การใส่รูปในเว็บเพจ

รูปนั้นสามารถบรรยายรายละเอียดได้ดีกว่าคำพูดมาก ดังนั้นแทบทุกเว็บไซต์จึงมีรูปอยู่เกือบทุกเว็บไซต์ ในบทความนี้เราจะมาใส่รูปในเว็บเพจกัน

สร้างเมื่อ : 16-05-2010 8:24 | จำนวนครั้งที่เปิด : 3,830


การใส่ภาพพื้นหลัง ให้เว็บเพจ

การใส่ภาพพื้นหลัง ให้เว็บเพจ

ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูสวยงามแต่ถ้าเราใช้ภาพพื้นหลังที่ไม่ดี อาจส่งผลเสียกับเว็บเราได้ ในบทความนี้จะเป็นตัวอย่างของการใส่พื้นหลังที่ดี และไม่ดี

สร้างเมื่อ : 16-05-2010 10:17 | จำนวนครั้งที่เปิด : 8,648


การใช้งานสีในเว็บเพจ

การใช้งานสีในเว็บเพจ

สีสันนั้นอยู่คู่กับเว็บเพจอยู่แล้ว เพราะนอกจากจะทำให้เว็บดูสวยงามน่าสนใจแล้ว ยังช่วยให้การอธิบายข้อความดีขึ้นอีก ในบทความนี้เราจะมีดูการใช้งานสีกัน

สร้างเมื่อ : 16-05-2010 8:26 | จำนวนครั้งที่เปิด : 3,198