Page 33 - การสร้างเว็บไซต์
P. 33
2. โครงสร้ำงของภำษำ HTML 3. ค�ำสั่ง HTML
โครงสร้ำงของภำษำ HTML จะประกอบไปด้วยชดค�ำสั่งที่เปนภำษำอังกฤษอยู่ภำยใน 3.1 ค�ำสั่งเก่ยวกับพำรำกรำฟ (HTML Paragraph Tag) เเท็กเก่ยวกับพำรำกรำฟจะเปนกำรจัดรปเเบ
ุ
็
ู
็
ี
ี
เครื่องหมำย <> เเละ </> ซึ่งเรียกว่ำ เเท็ก (Tag) ตัวอย่ำงเช่น <HTML></HTML> บกำรวำงต�ำเเหนงของตัวอักษร เช่น วำงตรงกลำงบรรทัด ชิดซ้ำย ชิดขวำ ตำมที่เรำต้องกำรหรือกำรขน
่
้
ึ
ี
ิ
ิ
ิ
<...> เรียกว่ำ เเท็กเปดเเละ </...>เรียกว่ำเเท็กปด ซึ่งต่ำงกันตรงที่เเท็กเปดจะมเเค่เครื่องหมำย บรรทัดใหม่ เปนต้น
็
็
ี
<...>ส่วนเเท็กปดจะมเครื่องหมำย</...>น�ำหน้ำข้อควำมค�ำสั่ง 3.2 ค�ำสั่งเก่ยวกับกำรจัดสี (HTML Color Tags) เปนกำรก�ำหนดสีลงในเอกสำร HTML สำมำรถ
ี
ิ
ข้อก�ำหนดของภำษำ HTML ท�ำได้ 3 ลักษณะ คือ
็
1) ค�ำสั่งจะถูกเรียกว่ำ Tag 3.2.1 กำรก�ำหนดโดยกำรใส่ชื่อสีนั้นๆลงไปเลย เช่น red,Green, blue, pink เปนต้น กำรก�ำหนด
ู
ี
้
ี
ี
2) Tag เริ่มต้นกำรเขยน HTML คือ<HTML> เเละ Tag ปดท้ำยจบด้วยกำรเขยนคือ </HTML> โดยวิธีนเรำต้องร้จักสีเท่ำนั้นจึงสำมำรถก�ำหนดค่ำสีลงไปได้โดยชื่อสีต่ำงๆที่มในภำษำ HTML
ิ
ี
ั
็
ี
3) Tag จะอยู่ในเครื่องหมำย <> เสมอ 3.2.2 กำรก�ำหนดสีโดยใช้ฟงก์ชั่น rgb ซึ่งจะเปนกำรผสมสี 3 สี เข้ำด้วยกัน คือ สีเเดง เขยวเเละ
ิ
็
็
็
ิ
4) Tag เปดอยู่ในเครื่องหมำย <> ส่วน Tag ปดอยู่ในเครื่องหมำย </> น�้ำเงนซึ่งเปนสีหลักทำงคอมพวเตอร์โดยจะต้องใส่เปนค่ำตัวเลขตั้งเเต่ 0-255 หรือก�ำหนดเปนเปอร์เซ็นต์
ิ
ิ
ั
็
็
ู
ี
ส่วนประกอบที่ส�ำคัญของภำษำ HTML มอยู่ 3 ส่วน คือ Tag, Attribute เเละ Values ได้ เเต่กำรก�ำหนดเปนเปอร์เซ็นจะได้สีไม่ละเอียดเท่ำกับกำรก�ำหนดโดยตัวเลข รปเเบบฟงก์ชั่น rgb จะเปน
้
ี
ั
ู
ี
ู
ี
ี
ี
(1) Tag เดี่ยว คือ รปแบบค�ำสั่งที่มเพยงค�ำสั่งเดียวหรือมเพยงแท็กเตียวกสำมำรถใช้งำนได้เช่น ดังน gb(red, green, blue) - รปเเบบฟงก์ชั่น rgb
็
็
<hr>, <br> เปนต้น rgb(255, 0,0) - ก�ำหนดโดยใช้ตัวเลขจะได้สีเเดง
ี
(2) Tag คู่ คือ รปแบบค�ำสั่งที่เปน 2 ส่วน คือ ต้องมส่วนจบของค�ำสั่งถงจะสำมำรถท�ำงำนได้ rgb(100%, 100%, 0%) - ก�ำหนดโดยใช้เปอร์เซ็นจะได้สีเหลือง ็
ู
็
ึ
ุ
3.2.3 กำรก�ำหนดสีโดยกำรระบเลขฐำนสิบหก จะประกอบไปด้วยอักขระที่เปนเลขฐำนสิบหกจ�ำนวน 6
ู
สมบรณ์ โดยส่วนจอแต่ละค�ำสั่งจะมเครื่องหมำย Slah /) ไว้หน้ำแท็กค�ำสังนั้น เช่น<htm>..</himl>, ตัว เม่อน�ำไปก�ำหนดให้กับ Attribute ใดๆต้องขนต้นด้วยเครื่องหมำย# เช่น# FF0000,#00FF00,#0000FF
ี
ื
ึ
้
็
<head>..</head>, <ite>..</ude> เปนต้น เปนต้น โดยที่เลขสองตัวเเรกคือสีเเดง สองตัวถัดมำคือสีเขยว ส่วนสองตัวสดท้ำยคือสีน�้ำเงน
ิ
ุ
ี
็
ู
2) Attribute คือ ส่วนขยำยใน Tag ใช้ส�ำหรับจัดรปแบบเพ่มเติม เช่นขนำด สี ระยะห่ำง เปนต้น 3.3 ค�ำสั่งเก่ยวกับตัวอักษรเเละกำรจัดรปเเบบข้อควำม (HTML Text Layout Tags)
ิ
็
ี
ู
ค่ำของ Attribute จะอยู่ในเครื่องหมำย "..." เเท็ก font ในกำรจัดเก่ยวกับตัวอักษรนั้นเรำจะใช้เเท็ก font โดยสำมำรถก�ำหนดชนดของฟอนด์, ขนำด
ิ
ี
3) Values คือ ส่วนที่ก�ำหนดขนำดหรือลักษณะให้กับสวนขยำย หรือ Atribule ของฟอนด์, สี
ี
็
3.4 ค�ำสั่งเก่ยวกับกำรเชื่อมโยงเอกสำร (HTML Hyperlink Tags) กำรเชื่อมโยงเอกสำรเปนกำรสร้ำง
ลิงค์ (Link) ให้สำมำรถคลิกเพ่อไปยังจุดหมำยปลำยทำงที่ต้องกำรได้ ในกำรเชื่อมโยงเอกสำรหรือกำรลิงค์
ื
นั้นสำมำรถเเบ่งออกได้หลำยลักษณะ ดังน ้ ี
ี
ู
ื
้
ื
3.4.1 กำรลิงค์เอกสำรภำยในหน้ำเดียวกัน(Anchors) เน่องจำกเนอหำภำยในหน้ำเว็บเพจมข้อมลจ�ำนวน
ิ
ิ
ื
ู
ึ
มำกท�ำให้หน้ำนั้นๆ ยำวมำกเกนจอคอมพวเตอร์ ซึ่งต้องเลื่อน Scroll Bar ขนลงเพ่อหำข้อมลที่ต้องกำร ซึ่ง
้
ท�ำให้ไม่สะดวกในกำรเข้ำใช้งำน ดังนั้นจีงมวิธีกำรสร้ำงลิงค์เพ่อเชื่อมโยงข้อมลถ้ำหำกมหน้ำเดียวกัน
ี
ู
ื
ี
28 29
