คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ
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 แทน ตามแบบด้านล่าง
เกี่ยวกับบทความนี้
- ระดับความยาก : พื้นฐาน
- คะแนนของบทความนี้ : 10
- สร้างเมื่อ : 16-05-2010
- จำนวนครั้งที่เปิด : 50,929
- เนื้อหาที่เกี่ยวข้อง :
- -
คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ
บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (12 เรื่อง)
บทนำ HTML
ที่มาของ HTML และพื้นฐานการใช้งาน HTML ในบทนี้จะเป็นต้องใช้โปรแกรมอย่าง Text editer ถ้าคุณยังไม่เคยใช้งานแนะนำให้อ่านหัวข้อ ลองทำเว็บแบบง่ายๆ ดูก่อนเพื่อเป็นพื้นฐานในการอ่านบทนี้
สร้างเมื่อ : 16-05-2010 9:01 | จำนวนครั้งที่เปิด : 46,784
โครงสร้างคำสั่งของ HTML
ในบทนี้จะเป็นโครงสร้างคำสั่ง(tag) ของ HTML
สร้างเมื่อ : 16-05-2010 10:12 | จำนวนครั้งที่เปิด : 147,670
คำสั่งในการจัดหน้า
ในบทนี้จะเป็นคำสั่ง Tag พื้นฐานของ HTML ในส่วนของ body section ที่ใช้ในการจัดหน้าเช่น จัดย่อหน้า จัดให้ชิดซ้าย ชิดขวา
สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 53,570
คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ
ตัวเอียง ตัวหนา บทนี้จะบทคำสั่งที่เกี่ยวกับตัวอักษรทั้งหลายกัน รวมถึงสัญลักษณ์ต่างๆ
สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 50,929
เชื่อมต่อเอกสารของเราด้วย hyperlink
เว็บไซต์ของเราประกอบด้วย web page มากมาย ซึ่งเราจะใช้ hyperlink ในการเชื่อมโยงเอกสารเหล่านั้น
สร้างเมื่อ : 16-05-2010 8:19 | จำนวนครั้งที่เปิด : 28,538
แบ่งหน้าจอโดยใช้ Frame
ปรกติเราจะแสดงเว็บเพจใน browser ได้ที่ละ 1 เว็บเพจ แต่ถ้าเราใช้ Frame เราจะสามารถแสดงเว็บเพจได้หลายๆเว็บเพจในหน้าเดียว โดยจะแบ่งหน้าของ browser ออกเป็นส่วนๆ โดยใช้ Frame
สร้างเมื่อ : 16-05-2010 9:59 | จำนวนครั้งที่เปิด : 36,771
Table คำสั่งที่สำคัญสุดในการทำเว็บเพจ
ในหน้าเว็บเพจของเราประกอบด้วยข้อมูลมากมาย จึงจำเป็นที่จะต้องจัดเรียงข้อมูลให้เป็นระเบียบเพื่อให้อ่านงาน และใช้งานพื้นที่ได้คุ้มค่าที่สุด ซึ่งตารางจะช่วยเราได้มาก และนิยมใช้มากในการจัดรูปแบบหน้าตาของเว็บไซต์
สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 34,349
list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ
list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ ซึ่งจะทำให้ข้อมูลอ่านได้ง่ายขึ้น
สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 19,439
การสร้างแบบฟอร์ม
เว็บไซต์นั้นต่างจากเอกสารธรรมดา ตรงที่สามารถตอบโต้กับผู้ใช้งานได้ เช่นการใช้ search (ค้นหา) ในเว็บไซต์ hellomyweb.com ช่องรับค่าของ search นั้นก็คือแบบฟอร์มใน html นั่นเอง
สร้างเมื่อ : 16-05-2010 8:37 | จำนวนครั้งที่เปิด : 34,396
การใส่รูปในเว็บเพจ
รูปนั้นสามารถบรรยายรายละเอียดได้ดีกว่าคำพูดมาก ดังนั้นแทบทุกเว็บไซต์จึงมีรูปอยู่เกือบทุกเว็บไซต์ ในบทความนี้เราจะมาใส่รูปในเว็บเพจกัน
สร้างเมื่อ : 16-05-2010 8:24 | จำนวนครั้งที่เปิด : 28,744
การใส่ภาพพื้นหลัง ให้เว็บเพจ
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูสวยงามแต่ถ้าเราใช้ภาพพื้นหลังที่ไม่ดี อาจส่งผลเสียกับเว็บเราได้ ในบทความนี้จะเป็นตัวอย่างของการใส่พื้นหลังที่ดี และไม่ดี
สร้างเมื่อ : 16-05-2010 10:17 | จำนวนครั้งที่เปิด : 146,202
การใช้งานสีในเว็บเพจ
สีสันนั้นอยู่คู่กับเว็บเพจอยู่แล้ว เพราะนอกจากจะทำให้เว็บดูสวยงามน่าสนใจแล้ว ยังช่วยให้การอธิบายข้อความดีขึ้นอีก ในบทความนี้เราจะมีดูการใช้งานสีกัน
สร้างเมื่อ : 16-05-2010 8:26 | จำนวนครั้งที่เปิด : 23,633
ไม่มีความคิดเห็น:
แสดงความคิดเห็น