May 24th, 2009 by NanTNanT

สวัสดีครับ ผมนายนานต์นานต์ วันนี้เรามาทำความรู้จักับลักษณะและโครงสร้างของภาษาHTML กันดีกว่า

องค์ประกอบของภาษา HTML แบ่งได้เป็นสองส่วนครับ คือส่วนที่เป็นข้อความทั่วไป และส่วนที่เป็นคำสั่ง เราเรียกส่วนที่เป็นคำสั่งนี้ว่า Tag (แท็ก) โดยแท็กจะอยู่ในเครื่องหมาย < และ >

เจ้าแท็กเนี่ยก็จะแบ่งเป็นแท็กเปิดและแท็กปิด โดยแท็กปิดจะต่างจากแท็กเปิดคือมีเครื่องหมาย / ข้างหน้า เวลาเราจะใช้งานคำสั่งเราก็จะนำแท็กเปิดและแท็กปิดนั้นคร่อมไปที่ข้อความ ดูตัวอย่างดีกว่าจะได้เข้าใจง่ายขึ้น

<font> ข้อความ </font>

สมมติว่าเราจะจัดการเกี่ยวกับข้อความ

จากตัวอย่างเราก็ใส่แท็กเปิด <font> และแท็กปิด </font> คร่อมไปที่ข้อความที่เราจะจัดการครับเป็นอัน(เกือบ)เสร็จ (แต่ก็มีบางแท็กที่ไม่ต้องมีแท็กปิดเช่น <br> (ใช้ขึ้นบรรทัดใหม่),<hr> (ใช้ขีดเส้น) เป็นต้น)

ที่ว่าเกือบเสร็จก็เพราะว่าบางแท็กจะมีส่วนเสริมที่ใช้กำหนดคุณสมบัติของแท็กเข้าไปอีก เราเรียกส่วนเสริมนี้ว่า แอททริบิวท์ (Attribute) โดยจะเขียนไว้หลังแท็กเปิด ดูตัวอย่างกันดีกว่า

<font size=”5″> ข้อความ </font>

สมมติว่าเราจะจัดการเกี่ยวกับข้อความโดยเราจะทำให้ข้อความของเรามีขนาด 5

จากตัวอย่างเราก็ใส่แท็กเปิด <font> และแท็กปิด </font> คร่อมไปที่ข้อความที่เราจะจัดการ และใส่ส่วนเสริมต่อหลังที่แท็กเปิด (size=”5″) เป็นอันเสร็จครับ

เอาเป็นว่าทำความเข้าใจคร่าวๆไปก่อนแล้วกันนะครับ ว่ามันมีอะไรบ้าง ไม่ต้องไปจำมาก เดี๋ยวไปจำตอนลงรายละเอียดดีกว่า อิอิ

รู้สึกเริ่มจะยาว ไว้ต่อคราวหน้าดีกว่า คราวหน้าเราจะทำความรู้จักกับโครงสร้างเอกสาร HTML และเริ่มลงมือเขียนกันจริงๆแล้วครับ