วันศุกร์ที่ 17 พฤษภาคม พ.ศ. 2556

คำสั่ง HTML เบื้องต้น

HTML (Hypertext Markup Language)

รูปแบบมาตรฐานในการสร้างเวบเพจประกอบด้วยคำสั่งหลักอยู่ 4 คำสั่ง ดังนี้
<HTML> .... </HTML> เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเว็บเพจ
<HEAD> .... </HEAD> เป็นคำสั่งในส่วนของการกำหนดส่วนหัวเรื่องของเว็บเพจ โดยในคำสั่ง HEAD จะมีคำสั่ง <TITLE> .... </TITLE> อยู่ด้วย ซึ่งทำหน้าที่กำหนดข้อความที่แสดงบน Title Bar โดยสามารถกำหนดความยาวของข้อความได้ 64 ตัวอักษร
<BODY> .... </BODY> เป็นคำสั่งในส่วนเนื้อหาของเว็บเพจทั้งหมด
รูปแบบการเขียนมีดังต่อไป


<HTML>
<HEAD>

            <TITLE> Title Bar </TITLE>

</HEAD>

<BODY>

            .

            .

  </BODY>

</HTML>

คำสั่งในการกำหนดหัวเรื่อง (Headding)
<H1> Heading Levle 1 </H>
<H2> Heading Levle 2 </H>

<H3> Heading Levle 3 </H>

<H4> Heading Levle 4 </H>

<H5> Heading Levle 5 </H>

<H6> Heading Levle 6 </H>

คำสั่งขึ้นบรรทัดใหม่
 (Line Break)
ข้อความ..... <BR>


คำสั่งการจัดตำแหน่งของข้อความ (Paragraph Break)

เราจะใช้คำสั่ง <P> ในการจัดย่อหน้าของข้อความในเว็บเพจ ซึ่งคำสั่ง <P> นั้น จะมี Attributes เป็นคำสั่งเสริมช่วยในการจัดตำแหน่งของย่อหน้าคือ Alignment โดยมีรูปแบบดังนี้

<P Align = "ตำแหน่ง"> .... ข้อความ .... </P>

ตำแหน่งที่ใช้ในการจัดย่อหน้ามีด้วยกันสามลักษณะคือ
1. Left จัดข้อความชิดซ้ายบรรทัด
2. Center จัดข้อความกึ่งกลางบรรทัด
3. Right จัดข้อความชิดขวาบรรทัดโดยปกติค่าเริ่มต้นของ Alignment จะอยู่ที่ Left คือจัดข้อความชิดซ้ายของบรรทัด