สรุปคำสั่งHTML
🌈 สรุปคำสั่ง HTML⛅
คำสั่งพื้นฐาน
⇨ <br> 〓 คำสั่งขึ้นบรรทัดใหม่
⇨ <p> ข้อความ </p> 〓 คำสั่งย่อหน้าใหม่
⇨ <hr width = "50%" size = "3"> 〓 คำสั่งตีเส้น, กำหนดขนาดเส้น
⇨ <HEAD> </HEAD> คำสั่ง <HEAD> 〓 คือคำสั่งบอกส่วนที่เป็นชื่อ เรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ ภายใน
⇨ <TITLE> </TITLE> คำสั่ง <TITLE> 〓 คือคำสั่งบอกชื่อเรื่อง จะไป ปรากฏที่ Title Bar
⇨ <BODY> </BODY> คำสั่ง <BODY> 〓 คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอ
ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น
⇨ <HTML> </HTML> คำสั่ง <HTML> 〓 คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
⇨ <IMG SRC = “Photo.gif”> 〓 คำสั่งแสดงรูปภาพชื่อ Photo.gif
⇨ <CENTER> ข้อความ </CENTER> 〓 คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
⇨ <bgcolor> ใช้รวมกับ<body>หรือ<table> 〓 เพื่อกำหนดสีของพื้นหลัง
รูปเเบบตัวอักษร
⇨ <font size = "3"> ข้อความ </font> 〓 ขนาดตัวอักษร
⇨ <font color = "red"> ข้อความ </font> 〓 สีตัวอักษร
⇨ <font face = "Arial"> ข้อความ </font> 〓 รูปแบบตัวอักษร
⇨ <b> ข้อความ </b> 〓 ตัวอักษรหนา
⇨ <i> ข้อความ </i> 〓 ตัวอักษรเอน
⇨ <u> ข้อความ </u> 〓 ขีดเส้นใต้ตัวอักษร
การใส่ลำดับ โดยมีเลขกำกับ
⇨ <OL value = "1" >
⇨ <LI> รายการที่ 1
⇨ <LI> รายการที่ 2
⇨ </OL>
การแสดงผลแบบรายการ ใช้คำสั่ง <OL> เป็นเริ่มและปิดท้ายด้วย </OL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการได้หลายแบบเช่น เรียงลำดับ 1,2,3... หรือ I,II,III... หรือ A,B,C,... ได้ทั้งนี้จะต้องเพิ่มคำสั่งเข้าไปที่ <OL value = "A"> เป็นต้น
การใส่ลำดับ โดยมีสัญลักษณ์กำกับ
⇨ <UL type = "square">
⇨ <LI> รายการที่ 1
⇨ <LI> รายการที่ 2
</UL>
การแสดงผลแบบรายการ ใช้คำสั่ง <UL> เป็นเริ่มและปิดท้ายด้วย </UL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการ ที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการแบบต่างๆ ดังต่อไปนี้
- รูปวงกลมทึบ "disc"
- รูปวงกลมโปร่ง "circle"
- รูปสี่เหลี่ยม "square
จะได้ก็ต่อเมื่อเพิ่มคำสั่งเข้าไปที่ <UL type = "square">
⇨ <UL type = "square">
⇨ <LI> รายการที่ 1
⇨ <LI> รายการที่ 2
</UL>
การแสดงผลแบบรายการ ใช้คำสั่ง <UL> เป็นเริ่มและปิดท้ายด้วย </UL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการ ที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการแบบต่างๆ ดังต่อไปนี้
- รูปวงกลมทึบ "disc"
- รูปวงกลมโปร่ง "circle"
- รูปสี่เหลี่ยม "square
จะได้ก็ต่อเมื่อเพิ่มคำสั่งเข้าไปที่ <UL type = "square">
การจัดรูปเเบบตัวอักษร
⇨ <BIG> 〓 เพิ่มขนาดตัวอักษรขึ้น 1 ระดับ
⇨ <SUB> 〓 แสดงข้อความแบบตัวพ่วงท้าย
⇨ <SUP> 〓 แสดงข้อความแบบตัวยกระดับ
การเชื่อมโยงข้อมูล
⇨ <a href ="#news"> Hot News </a> ,
⇨ <a name ="news"> 〓 กำหนดจุดเชื่อมชื่อ news ส่วน "a name" คือตำแหน่งที่ลิงค์ไป (เอกสารเดียวกัน)
⇨ <a href ="tong.html"> หัวข้อ </a> 〓 สร้างลิงค์ไปยังเอกสารชื่อ "news.html"
⇨ <a href ="http://www.tong.com"> หัวข้อ </a> 〓 สร้างลิงค์ไปยังเวปไซท์อื่น
⇨ <a href ="http://www.tong.com" target = "_blank" > หัวข้อ </a> 〓 สร้างลิงค์ไปยังเวปไซท์อื่น และเปิดหน้าต่างใหม่
⇨ <a href ="http://www.tong.com"> <img src = "photo.gif"> </a> 〓 สร้างลิงค์โดยใช้รูปภาพชื่อ photo.gif เป็นตัวเชื่อม
⇨ <a href ="tong@hotmail.com"> Email </a> 〓 สร้างลิงค์มายังอีเมล
ความคิดเห็น
แสดงความคิดเห็น