โครงสร้างพื้นฐานของ HTML
โครงสร้างของ HTML จะประกอบไปด้วยส่วนของคำสั่ง 2ส่วน คือ ส่วนที่เป็น ส่วนหัว (Head) และส่วนที่เป็นเนื้อหา (Body) โดยมีรูปแบบคำสั่งดังนี้
การจัดโครงสร้างแฟ้มเอกสาร
ในความง่ายของภาษา HTML นั้นเพราะภาษานี้ไม่มีโครงสร้างใด ๆ มากำหนดนอก จากโครงสร้างพื้นฐานเท่านั้น หรือ แม้แต่จะไม่มีโครงสร้าง พื้นฐานอยู่ โปรแกรมที่เขียนขึ้นมานั้นก็สามารถทำงานได้เสมือนมี โครงสร้างทั่งนี้เป็นเพราะว่าตัวโปรแกรมเว็บเบราเซอร์ จะมองเห็นทุกสิ่งทุกอย่างในโปรแกรม HTML เป็นส่วนเนื้อหาทั้งสิ้น
ในความง่ายของภาษา HTML นั้นเพราะภาษานี้ไม่มีโครงสร้างใด ๆ มากำหนดนอก จากโครงสร้างพื้นฐานเท่านั้น หรือ แม้แต่จะไม่มีโครงสร้าง พื้นฐานอยู่ โปรแกรมที่เขียนขึ้นมานั้นก็สามารถทำงานได้เสมือนมี โครงสร้างทั่งนี้เป็นเพราะว่าตัวโปรแกรมเว็บเบราเซอร์ จะมองเห็นทุกสิ่งทุกอย่างในโปรแกรม HTML เป็นส่วนเนื้อหาทั้งสิ้น
ยกเว้นใน ส่วนหัว ที่ต้อง มีการกำหนด แยกออกไปให้ เห็นชัดเท่านั้น จะเขียน คำสั่ง หรือ ข้อความที่ ต้องการ ให้แสดง อย่างไรก็ได้ เป็นเสมือนพิมพ์งานเอกสารทั่ว ๆ ไปเพียง แต่ ทำตำแหน่ง ใดมีการ ทำตำแหน่ง พิเศษขึ้นมา เว็บเบราเซอร์ถึงจะแสดงผล ออกมาตามที่ ถูกกำหนด โดยใช้คำสั่งให้ตรงกับ รหัสที่กำหนดเท่านั้น
การแสดงผลที่เว็บเบราเซอร์
หลังจากมีการพิมพ์โปรแกรมนี้เสร็จเรียบร้อยแล้ว ให้บันทึกเป็น ไฟล์ที่มีนามสกุล .htm หรือ .html จากนั้นให้เรียกโปรแกรมเว็บเบราเซอร์ขึ้นมาทำการทดสอบ ข้อมูลที่เราสร้างจะถูก นำมาที่ออกมาแสดงที่จอภาพ ถ้าไม่เขียนอะไรผิด บนจอภาพก็จะแสดงผลตามนั้น ถ้าเรามีการปรับปรุงแก้ไขข้อมูลในโปรแกรมเดิม ให้อยู่ในรูปของ โปรแกรมใหม่ ก็จำ เป็นต้องโหลดโปรแกรมขึ้นมาใหม่ เพียงแต่เลื่อนเมาส์
ไปคลิกที่ปุ่ม Refresh โปรแกรมก็จะทำการ ประมวลผลและแสดงผลออกมาใหม่ ในคำสั่ง HTML ส่วนใหญ่ใช้ตัวเปิด เป็นเครื่องหมายน้อยกว่า < ตามด้วยคำสั่ง และปิดท้ายด้วยเครื่องหมายมากกว่า > และมีตัวปิดที่มีรูปแบบเหมือนตัวเปิดเสมอ เพียงแต่จะมีเครื่อง หมาย / อยู่หน้าคำสั่งนั้นๆ เช่น คำสั่ง <BODY> จะมี </BODY> เป็นคำสั่งปิด เมื่อใดที่ผู้เขียนลืมหรือพิมพ์คำสั่งผิด จะส่งผลให้การทำงานของโปรแกรมผิดพลาดทันที
หลังจากมีการพิมพ์โปรแกรมนี้เสร็จเรียบร้อยแล้ว ให้บันทึกเป็น ไฟล์ที่มีนามสกุล .htm หรือ .html จากนั้นให้เรียกโปรแกรมเว็บเบราเซอร์ขึ้นมาทำการทดสอบ ข้อมูลที่เราสร้างจะถูก นำมาที่ออกมาแสดงที่จอภาพ ถ้าไม่เขียนอะไรผิด บนจอภาพก็จะแสดงผลตามนั้น ถ้าเรามีการปรับปรุงแก้ไขข้อมูลในโปรแกรมเดิม ให้อยู่ในรูปของ โปรแกรมใหม่ ก็จำ เป็นต้องโหลดโปรแกรมขึ้นมาใหม่ เพียงแต่เลื่อนเมาส์
ไปคลิกที่ปุ่ม Refresh โปรแกรมก็จะทำการ ประมวลผลและแสดงผลออกมาใหม่ ในคำสั่ง HTML ส่วนใหญ่ใช้ตัวเปิด เป็นเครื่องหมายน้อยกว่า < ตามด้วยคำสั่ง และปิดท้ายด้วยเครื่องหมายมากกว่า > และมีตัวปิดที่มีรูปแบบเหมือนตัวเปิดเสมอ เพียงแต่จะมีเครื่อง หมาย / อยู่หน้าคำสั่งนั้นๆ เช่น คำสั่ง <BODY> จะมี </BODY> เป็นคำสั่งปิด เมื่อใดที่ผู้เขียนลืมหรือพิมพ์คำสั่งผิด จะส่งผลให้การทำงานของโปรแกรมผิดพลาดทันที
คำสั่งเริ่มต้นสำหรับ HTML
คำสั่งหรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า <ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า> เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม /
(Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย ในการเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนปนกันก็ได้ ไม่มีผลอะไร
คำสั่งหรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า <ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า> เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม /
(Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย ในการเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนปนกันก็ได้ ไม่มีผลอะไร
คำสั่งเริ่มต้น
รูปแบบ <HTML>.....</HTML>
คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรม และ</HTML>เป็นคำสั่งจุดสิ้นสุดโปรแกรมเหมือนคำสั่ง Beign และ End ในPascal
รูปแบบ <HTML>.....</HTML>
คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรม และ</HTML>เป็นคำสั่งจุดสิ้นสุดโปรแกรมเหมือนคำสั่ง Beign และ End ในPascal
คำสั่งการทำหมายเหตุ
รูปแบบ <!-- ..... -->
ตัวอย่าง <!-- END WEBSTAT CODE --> ข้อความที่อยู่ในคำสั่งจะปรากฎอยู่ในโปรแกรมแต่ไม่ถูกแสดง บนจอภาพ
รูปแบบ <!-- ..... -->
ตัวอย่าง <!-- END WEBSTAT CODE --> ข้อความที่อยู่ในคำสั่งจะปรากฎอยู่ในโปรแกรมแต่ไม่ถูกแสดง บนจอภาพ
ส่วนหัว
รูปแบบ <HEAD>.....</HEAD>
ใช้กำหนดข้อความ ในส่วนที่เป็น ชื่อเรื่อง ภายในคำสั่งนี้ จะมีคำสั่งย่อย อีกหนึ่งคำสั่ง คือ <TITLE>
รูปแบบ <HEAD>.....</HEAD>
ใช้กำหนดข้อความ ในส่วนที่เป็น ชื่อเรื่อง ภายในคำสั่งนี้ จะมีคำสั่งย่อย อีกหนึ่งคำสั่ง คือ <TITLE>
กำหนดข้อความในไตเติลบาร์
รูปแบบ <TITLE>.....</TITLE>
ตัวอย่าง <TITLE> บทเรียน HTML </TITLE>
เป็นส่วนแสดงชื่อของเอกสาร จะปรากฎ ขณะที่ไฟล์ HTML ทำงานอยู่ ข้อความ ที่กำหนด ในส่วนนี้ จะไม่ถูกนำไปแสดง ผลของ เว็บเบราเซอร์แต่จะปรากฎในส่วนของไตเติบาร์ (Title bar) ที่เป็นชื่อของวินโดว์ข้างบนไม่ควรให้ยา เกินไป เพียงให้รู้ว่าเว็บเพจที่กำลัง ใช้งานอยู่เกี่ยวข้องกับอะไร
รูปแบบ <TITLE>.....</TITLE>
ตัวอย่าง <TITLE> บทเรียน HTML </TITLE>
เป็นส่วนแสดงชื่อของเอกสาร จะปรากฎ ขณะที่ไฟล์ HTML ทำงานอยู่ ข้อความ ที่กำหนด ในส่วนนี้ จะไม่ถูกนำไปแสดง ผลของ เว็บเบราเซอร์แต่จะปรากฎในส่วนของไตเติบาร์ (Title bar) ที่เป็นชื่อของวินโดว์ข้างบนไม่ควรให้ยา เกินไป เพียงให้รู้ว่าเว็บเพจที่กำลัง ใช้งานอยู่เกี่ยวข้องกับอะไร
ส่วนของเนื้อหา
รูปแบบ <BODY>.....</BODY>
ส่วนเนื้อหาของโปรแกรมจะเริ่มต้นด้วย คำสั่ง <BODY> และจบลงด้วย</BODY> ภายในคำสั่งนี้ คือ ส่วนที่จะ แสดงทางจอภาพ
รูปแบบ <BODY>.....</BODY>
ส่วนเนื้อหาของโปรแกรมจะเริ่มต้นด้วย คำสั่ง <BODY> และจบลงด้วย</BODY> ภายในคำสั่งนี้ คือ ส่วนที่จะ แสดงทางจอภาพ
ที่มา : https://sites.google.com/site/class0223/learnhtml
โดเมนเนม (domain name) คืออะไร
โดเมนเนม (domain name) คืออะไร
โดเมนเนม ความหมายโดยทั่วๆ ไป หมายถึง ชื่อเว็บไซต์ ชื่อบล็อก ซึ่งเป็นชื่อที่ตั้งขึ้นเพื่อให้จดจำและนำไปใช้งานได้ง่ายทั้งในการเข้าชมผ่านบราวเซอร์ของผู้ใช้ทั่วไป ยังรวมไปถึงผู้ดูแลระบบโดเมนเนมซีสเทม ที่สามารถแก้ไขไอพีแอดเดรสของชื่อโดเมนเนมนั้นๆ ได้ทันทีโดยที่ผู้ใช้ทั่วไปไม่จำเป็นต้องรับรู้หรือจดจำไอพีแอดเดรสที่มีการเปลี่ยนแปลง เครื่องคอมพิวเตอร์ที่ทำหน้าที่เผยแพร่เว็บไซต์ จะมีโดนเมนเนมเฉพาะไม่ซ้ำกับใคร
โดนเมนเนม มีด็อทอยู่หลายประเภทแต่ที่นิยมมากที่สุดนั้นก็คือ .comเพราะเป็นด็อทในยุคแรกๆ ที่เริ่มใช้กัน และง่ายต่อการจดจำ
ประเภทของ Domain Name แบ่งได้เป็น 2 ประเภท
1. โดเมน 2 ระดับ ชื่อโดเมน . ประเภทของโดเมน
2. โดเมน 3 ระดับ ชื่อโดเมน . ประเภทของโดเมน . ประเทศ
โดนเมนเนม 2 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน เช่นwww.b2ccreation.com
ประเภทของโดเมน คือ คำย่อขององค์กร โดยประเภทขององค์กรที่พบบ่อย มีดังต่อไปนี้
* .com คือ บริษัท หรือ องค์กรพาณิชย์
* .org คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
* .net คือ องค์กรที่เป็นเกตเวย์ หรือ จุดเชื่อมต่อเครือข่าย
* .edu คือ สถาบันการศึกษา
* .gov คือ องค์กรของรัฐบาล
* .mil คือ องค์กรทางทหาร
โดนเมนเนม 3 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน . ประเทศ เช่นwww.kmitnb.ac.th, www.nectec.or.th, www.google.co.th
ประเภทขององค์กรที่พบบ่อยคือ
* .co คือ บริษัท หรือ องค์กรพาณิชย์
* .ac คือ สถาบันการศึกษา
* .go คือ องค์กรของรัฐบาล
* .net คือ องค์กรที่ให้บริการเครือข่าย
* .or คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
ตัวย่อของประเทศที่ตั้งขององค์กร
* .th คือ ประเทศไทย
* .cn คือ ประเทศจีน
* .uk คือ ประเทศอังกฤษ
* .jp คือ ประเทศญี่ปุ่น
* .au คือ ประเทศออสเตรเลีย
โดนเมนเนม ถือเป็นสิ่งสำคัญอันดับแรกที่มองข้ามไม่ได้เลยสำหรับเว็บไซต์นั้นๆ โดยเฉพาะกับการโฆษณาบนอินเตอร์เน็ท ถ้าได้ชื่อที่เฉพาะเจาะจง ตรงกับกลุ่มเป้าหมายที่มีความสนใจเป็นพื้นฐานเดิมอยู่แล้วนั้น จะทำให้โดเมนเนม หรือ เว็บไซต์นั้นๆ จะได้รับความสนใจและเป็นที่จดจำได้ง่ายไม่ใช่กับผู้เข้าชมหรือ
กลุ่มเป้าหมายที่เข้ามาชมเว็บไซต์ผ่านโดมเนมเท่านั้นยังรวมไปถึงSearch Engine ชื่อดังต่างๆ เช่น Google Yahoo MSN เป็นต้น ที่จะเข้ามาแวะเวียนเข้ามาทำ index กับเว็บเพจหน้าต่างๆ ในเว็บไซต์ของเรา
หลังจากจดโดนเมนเนมเป็นที่เรียบร้อยแล้ว สิ่งสำคัญลำดับถัดมานั้นก็คือ โฮสติ้ง (Hosting) หรือ ที่เก็บข้อมูลเว็บไซต์ของเรานั้นเอง ซึ่งโฮสติ้งแต่ละที่จะมี DNS หรือ Name Server ที่ทางผู้ให้บริการโฮสติ้ง จะเป็นคนกำหนดและแจ้งให้เราทราบเพื่อเอาไปใส่ให้โดมเมเนมของเรา
ที่มา : http://www.b2ccreation.com/content/knowledgebase/kb_view.asp?kbid=19
โดนเมนเนม มีด็อทอยู่หลายประเภทแต่ที่นิยมมากที่สุดนั้นก็คือ .comเพราะเป็นด็อทในยุคแรกๆ ที่เริ่มใช้กัน และง่ายต่อการจดจำ
ประเภทของ Domain Name แบ่งได้เป็น 2 ประเภท
1. โดเมน 2 ระดับ ชื่อโดเมน . ประเภทของโดเมน
2. โดเมน 3 ระดับ ชื่อโดเมน . ประเภทของโดเมน . ประเทศ
โดนเมนเนม 2 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน เช่นwww.b2ccreation.com
ประเภทของโดเมน คือ คำย่อขององค์กร โดยประเภทขององค์กรที่พบบ่อย มีดังต่อไปนี้
* .com คือ บริษัท หรือ องค์กรพาณิชย์
* .org คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
* .net คือ องค์กรที่เป็นเกตเวย์ หรือ จุดเชื่อมต่อเครือข่าย
* .edu คือ สถาบันการศึกษา
* .gov คือ องค์กรของรัฐบาล
* .mil คือ องค์กรทางทหาร
โดนเมนเนม 3 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน . ประเทศ เช่นwww.kmitnb.ac.th, www.nectec.or.th, www.google.co.th
ประเภทขององค์กรที่พบบ่อยคือ
* .co คือ บริษัท หรือ องค์กรพาณิชย์
* .ac คือ สถาบันการศึกษา
* .go คือ องค์กรของรัฐบาล
* .net คือ องค์กรที่ให้บริการเครือข่าย
* .or คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
ตัวย่อของประเทศที่ตั้งขององค์กร
* .th คือ ประเทศไทย
* .cn คือ ประเทศจีน
* .uk คือ ประเทศอังกฤษ
* .jp คือ ประเทศญี่ปุ่น
* .au คือ ประเทศออสเตรเลีย
โดนเมนเนม ถือเป็นสิ่งสำคัญอันดับแรกที่มองข้ามไม่ได้เลยสำหรับเว็บไซต์นั้นๆ โดยเฉพาะกับการโฆษณาบนอินเตอร์เน็ท ถ้าได้ชื่อที่เฉพาะเจาะจง ตรงกับกลุ่มเป้าหมายที่มีความสนใจเป็นพื้นฐานเดิมอยู่แล้วนั้น จะทำให้โดเมนเนม หรือ เว็บไซต์นั้นๆ จะได้รับความสนใจและเป็นที่จดจำได้ง่ายไม่ใช่กับผู้เข้าชมหรือ
กลุ่มเป้าหมายที่เข้ามาชมเว็บไซต์ผ่านโดมเนมเท่านั้นยังรวมไปถึงSearch Engine ชื่อดังต่างๆ เช่น Google Yahoo MSN เป็นต้น ที่จะเข้ามาแวะเวียนเข้ามาทำ index กับเว็บเพจหน้าต่างๆ ในเว็บไซต์ของเรา
หลังจากจดโดนเมนเนมเป็นที่เรียบร้อยแล้ว สิ่งสำคัญลำดับถัดมานั้นก็คือ โฮสติ้ง (Hosting) หรือ ที่เก็บข้อมูลเว็บไซต์ของเรานั้นเอง ซึ่งโฮสติ้งแต่ละที่จะมี DNS หรือ Name Server ที่ทางผู้ให้บริการโฮสติ้ง จะเป็นคนกำหนดและแจ้งให้เราทราบเพื่อเอาไปใส่ให้โดมเมเนมของเรา
ที่มา : http://www.b2ccreation.com/content/knowledgebase/kb_view.asp?kbid=19
ไม่มีความคิดเห็น:
แสดงความคิดเห็น