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