การสร้างเว็บไซต์ที่มีหน้าตาสวยงามให้เห็นกันนั้น ที่จริงแล้วเบื้องหลังประกอบด้วยโค๊ด HTML ต่างๆมากมายเพื่อจัดรูปแบบการแสดงผลต่างๆให้อยู่ในตำแหน่งที่ต้องการ จะบอกว่า HTML คือคำสั่งในการจัดหน้ากระดาษ และรูปแบบการแสดงผลในหน้ากระดาษ หรือหน้าเว็บนั้นๆก็ว่าได้
สำหรับการเขียนโค๊ดนั้นจะต้องมีการสร้างแท็กเปิด และแท็กปิด ครอบข้อความหรือโค๊ดคำสั่งนั้นๆไว้เสมอ เพื่อให้เว็บบราวเซอร์รู้ว่านั่นคือคำสั่ง HTML นะ ไม่ใช่ข้อความธรรมดา
หากว่าเราพิมพ์คำสั่ง HTML ไม่ถูกต้องตามไวยากรณ์หรือ Syntax ที่กำหนดไว้ คำสั่งนั้นก็จะกลายเป็นข้อความธรรมดาแสดงออกมาให้เห็นเท่านั้น ไม่ได้เป็นคำสั่งจัดรูปแบบของ HTML เช่นต้องการ
โค๊ด HTML ที่เห็นด้านบนนี้เป็นตัวอย่างโค๊ดที่เป็นเพียงส่วนหนึ่งเท่านั้น เพราะยังมีเรื่องของการจัดวางด้านซ้าน กลาง ขวา การเปลี่ยนขนาดตัวอักษร การใส่สี ใส่ภาพ ใส่ลิงค์ แทรกตาราง ซึ่งมีรายละเอียดการใช้งานที่ต่างกัน
แต่หลักการเขียนจะเหมือนกันก็คือ เมื่อมีแท็กเปิด <html> ก็จะต้องมีแท็กปิด </html> เพื่อครอบส่วนที่เราต้องการให้มีผลตามที่เราต้องการ
แต่ก็มีบางส่วนที่เป็นแท็กเดี่ยวที่ไม่ต้องตามด้วยแท็กปิด เช่น <br/> , <hr/> , <input type="text" /> นี่คือแท็กตัวอย่างที่ไม่จำเป็นต้องมีแท็กปิด แต่จะมีการเพิ่มตัว / ไว้ก่อนวงเล็บเสมอ
โครงสร้างบังคับที่ต้องมีในการสร้างหน้าเว็บหนึ่งหน้าก็คือ <html></html> จะครอบทุกแท็กที่เราจะเขียนในส่วนต่อไปทั้งหมด
แท็ก <head></head> จะช่วยกำหนด Title ของหน้าเว็บที่แสดงด้านบนสุดของเว็บบราวเซอร์ และยังกำหนดภาษา อธิบายรายละเอียดของเว็บ เพื่อช่วยให้ค้นหาได้ดียิ่งขึ้น และยังนิยมแทรกโค๊ดปรับแต่งเว็บไซต์ให้สวยงามด้วย CSS ไว้ในส่วนนี้ด้วย
แท็ก <body></body> จะใช้แสดงผลข้อมูลบนหน้าเว็บ เช่นข้อความ 3 บรรทัดที่แสดงในตัวอย่างผลลัพธ์ที่แสดงด้านบน
สำหรับการเขียนโค๊ดนั้นจะต้องมีการสร้างแท็กเปิด และแท็กปิด ครอบข้อความหรือโค๊ดคำสั่งนั้นๆไว้เสมอ เพื่อให้เว็บบราวเซอร์รู้ว่านั่นคือคำสั่ง HTML นะ ไม่ใช่ข้อความธรรมดา
หากว่าเราพิมพ์คำสั่ง HTML ไม่ถูกต้องตามไวยากรณ์หรือ Syntax ที่กำหนดไว้ คำสั่งนั้นก็จะกลายเป็นข้อความธรรมดาแสดงออกมาให้เห็นเท่านั้น ไม่ได้เป็นคำสั่งจัดรูปแบบของ HTML เช่นต้องการ
ตัวอย่างโค๊ด HTML
โค๊ด HTML ที่เห็นด้านบนนี้เป็นตัวอย่างโค๊ดที่เป็นเพียงส่วนหนึ่งเท่านั้น เพราะยังมีเรื่องของการจัดวางด้านซ้าน กลาง ขวา การเปลี่ยนขนาดตัวอักษร การใส่สี ใส่ภาพ ใส่ลิงค์ แทรกตาราง ซึ่งมีรายละเอียดการใช้งานที่ต่างกัน
แต่หลักการเขียนจะเหมือนกันก็คือ เมื่อมีแท็กเปิด <html> ก็จะต้องมีแท็กปิด </html> เพื่อครอบส่วนที่เราต้องการให้มีผลตามที่เราต้องการ
แต่ก็มีบางส่วนที่เป็นแท็กเดี่ยวที่ไม่ต้องตามด้วยแท็กปิด เช่น <br/> , <hr/> , <input type="text" /> นี่คือแท็กตัวอย่างที่ไม่จำเป็นต้องมีแท็กปิด แต่จะมีการเพิ่มตัว / ไว้ก่อนวงเล็บเสมอ
โครงสร้างบังคับที่ต้องมีในการสร้างหน้าเว็บหนึ่งหน้าก็คือ <html></html> จะครอบทุกแท็กที่เราจะเขียนในส่วนต่อไปทั้งหมด
แท็ก <head></head> จะช่วยกำหนด Title ของหน้าเว็บที่แสดงด้านบนสุดของเว็บบราวเซอร์ และยังกำหนดภาษา อธิบายรายละเอียดของเว็บ เพื่อช่วยให้ค้นหาได้ดียิ่งขึ้น และยังนิยมแทรกโค๊ดปรับแต่งเว็บไซต์ให้สวยงามด้วย CSS ไว้ในส่วนนี้ด้วย
แท็ก <body></body> จะใช้แสดงผลข้อมูลบนหน้าเว็บ เช่นข้อความ 3 บรรทัดที่แสดงในตัวอย่างผลลัพธ์ที่แสดงด้านบน
ความคิดเห็น
แสดงความคิดเห็น