บทที่ 1 "คำสั่งเริ่มต้น"

( คำสั่งเริ่มต้น ) ( สีสรร ) ( ข้อความ ) ( รูปภาพ ) ( การเชื่อมโยง ) ( รายการ ) ( ตาราง ) ( เฟรม ) ( ฟอร์ม ) ( มัลติมีเดีย )

คำสั่งเริ่มต้น

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

โปรแกรมที่ใช้สำหรับการเขียน Homepage อาจจะใช้ Dreamweaver, Frontpage, Hotdog หรือ Notepad ก็ได้แล้วแต่ความถนัด

คำสั่งเริ่มต้น

รูปแบบ
คำอธิบาย <HTML>.....</HTML>
คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรม และ </HTML>เป็นคำสั่ง จุดสิ้นสุด โปรแกรมเหมือนคำสั่ง Beign และ End ใน Pascal

กลับไปที่สารบัญ

ส่วนหัว

รูปแบบ
คำอธิบาย <HEAD>.....</HEAD>
ใช้กำหนดข้อความ ในส่วนที่เป็น ชื่อเรื่อง ภายในคำสั่งนี้ จะมีคำสั่งย่อย อีกหนึ่งคำสั่ง คือ <TITLE>

กลับไปที่สารบัญ

กำหนดข้อความในไตเติลบาร์

รูปแบบ
คำอธิบาย <TITLE>.....</TITLE>
เป็นส่วนแสดงชื่อของเอกสาร จะปรากฎ ขณะที่ไฟล์ HTML ทำงานอยู่ ข้อความ ที่กำหนด ในส่วนนี้ จะไม่ถูกนำไปแสดง ผลของ เว็บเบราเซอร์ แต่จะปรากฎ ในส่วนของไตเติลบาร์ (Title bar) ที่เป็น ชื่อของ วินโดว์ข้างบน ไม่ควรให้ยาว เกินไป เพียงให้รู้ว่า เว็บเพจที่กำลัง ใช้งานอยู่ เกี่ยวข้อง กับอะไร

กลับไปที่สารบัญ

การแสดงรายละเอียดสำหรับการอ้างอิง(Metadata)

รูปแบบ
คำอธิบาย <META>
เป็นรายละเอียดสรุปรายละเอียด( คำค้น,รายละเอียด,ผู้เขียน,โปรแกรมที่ใช้เขียน) สำหรับการอ้างอิงและค้นหาของ Search Engine จะต้องอยู่ระหว่าง <HEAD>.....</HEAD> เสมอ
ตัวอย่าง <META HTTP-EQUIV="Keywords" CONTENT="Thai,Learning,HTML">
<META HTTP-EQUIV="Description" CONTENT="Learning HTML in Thai Language">
<META HTTP-EQUIV="Author" CONTENT="thinkingworld">

กลับไปที่สารบัญ

ส่วนของเนื้อหา

รูปแบบ
คำอธิบาย <BODY>.....</BODY>
ส่วนเนื้อหา ของโปรแกรม จะเริ่ม ต้นด้วย คำสั่ง <BODY> และจบลงด้วย</BODY> ภายในคำสั่งนี้ คือ ส่วน ที่จะ แสดงทางจอภาพ

กลับไปที่สารบัญ

หมายเหตุ

รูปแบบ
คำอธิบาย <!.....>
ข้อความที่อยู่ ในคำสั่ง จะปรากฎ อยู่ใน โปรแกรม แต่ ไม่ถูกแสดง บนจอภาพ

กลับไปที่สารบัญ

การกำหนดที่อยู่ของเอกสาร

รูปแบบ
คำอธิบาย <BASE>
ใช้ระบุตำแหน่งที่เก็บเอกสาร
ตัวอย่าง <BASE HREF="www.geocities.com/thinkingworld/">

กลับไปที่สารบัญ

	คำสั่งเริ่มต้น
รูปแบบ คำอธิบาย	<HTML>.....</HTML> คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรม และ </HTML>เป็นคำสั่ง จุดสิ้นสุด โปรแกรมเหมือนคำสั่ง Beign และ End ใน Pascal

	ส่วนหัว
รูปแบบ คำอธิบาย	<HEAD>.....</HEAD> ใช้กำหนดข้อความ ในส่วนที่เป็น ชื่อเรื่อง ภายในคำสั่งนี้ จะมีคำสั่งย่อย อีกหนึ่งคำสั่ง คือ <TITLE>

	การแสดงรายละเอียดสำหรับการอ้างอิง(Metadata)
รูปแบบ คำอธิบาย	<META> เป็นรายละเอียดสรุปรายละเอียด( คำค้น,รายละเอียด,ผู้เขียน,โปรแกรมที่ใช้เขียน) สำหรับการอ้างอิงและค้นหาของ Search Engine จะต้องอยู่ระหว่าง <HEAD>.....</HEAD> เสมอ
ตัวอย่าง	<META HTTP-EQUIV="Keywords" CONTENT="Thai,Learning,HTML"> <META HTTP-EQUIV="Description" CONTENT="Learning HTML in Thai Language"> <META HTTP-EQUIV="Author" CONTENT="thinkingworld">

	ส่วนของเนื้อหา
รูปแบบ คำอธิบาย	<BODY>.....</BODY> ส่วนเนื้อหา ของโปรแกรม จะเริ่ม ต้นด้วย คำสั่ง <BODY> และจบลงด้วย</BODY> ภายในคำสั่งนี้ คือ ส่วน ที่จะ แสดงทางจอภาพ

	หมายเหตุ
รูปแบบ คำอธิบาย	<!.....> ข้อความที่อยู่ ในคำสั่ง จะปรากฎ อยู่ใน โปรแกรม แต่ ไม่ถูกแสดง บนจอภาพ

	การกำหนดที่อยู่ของเอกสาร
รูปแบบ คำอธิบาย	<BASE> ใช้ระบุตำแหน่งที่เก็บเอกสาร
ตัวอย่าง	<BASE HREF="www.geocities.com/thinkingworld/">