|
รูปแบบเริ่มต้นของไฟล์ HTML
|
คำสั่ง (Tag) ภาษา HTML นั้น ถ้าท่านใดเคยใช้โปรแกรมเวิร์ดภาษาไทยรุ่นก่อนๆ ที่วิ่งบนดอส เช่น CW, RW คงจะเข้าใจได้ไม่ยากครับ เพราะลักษณะของคำสั่งกำกับหัวท้ายของ ตัวอักษร ข้อความ หรือรูปภาพ ตารางต่าง ๆ คล้ายกันมากครับ ไฟล์ HTML ก็เป็นไฟล์ Text ธรรมดานี่เองเพียงแต่มีคำสั่งกำกับเท่านั้น ซึ่งมีคำสั่งพื้นฐานมีดังนี้
- <HTML> - - - - </HTML> เป็นคำสั่งปิดหัวท้ายไฟล์ เพื่อให้บราวเซอร์ทราบว่า นี่คือไฟล์ HTMLนะ จะได้แสดงผลได้อย่างถูกต้อง
- <HEAD> - - - - </HEAD> เป็นคำสั่งกำหนดให้บราวเซอร์นำข้อความในส่วนนี้ไปแสดง บนไตเติ้ลบาร์
- <TITLE> ข้อความ </TITLE> จะเป็นคำสั่งให้บราวเซอร์นำเอาข้อความนี้ไปปรากฏบน ไตเติ้ลบาร์ (คำสั่งคู่กับ HEAD)
- <Meta Name=" - - (1) - - " CONTENT=" - - (2) - - "> เป็นคำสั่งที่อยู่ในช่วงระหว่าง Tag HEAD ใช้สำหรับการประกาศ หรือโฆษณาเว็บไซต์ ให้กับผู้ให้บริการ Search Engine ทั้งหลาย
เพราะจะเป็นส่วนที่เครื่องมือสืบค้นจะหาได้ทันที และนำเอาไปเป็นฐานข้อมูล นั่นเอง ซึ่งมีอยู่สองส่วน คือ
- (1) Name จะมีอยู่ 3 คำคือ
- Author หมายถึง ชื่อเจ้าของ
- keywords หมายถึง คำหลัก ที่ บ่งบอกว่าไซต์ของคุณมีอะไรเป็นแก่นสารบ้าง
- description หมายถึง ข้อความที่ บรรยายสรุปเว็บไซต์ครับ
- (2) Content จะเป็นส่วนขยายในรายละเอียดของ Name ครับ ตัวอย่างเช่น
<Meta Name="keywords" CONTENT="easyhome, homepage, webpage, html, tool, shareware, humnoi">
<Meta Name="Author" CONTENT="Montree Kotkanta - webmaster@easyhome.in.th">
- <BODY> - - - - </BODY> เริ่มเข้าสู่เนื้อหาแล้วครับ ข้อความและคำสั่งทั้งหลายที่อยู่ใน ช่วง Tag นี้จะปรากฏในหน้าบราวเซอร์ที่คุณเห็นอย่างสวยงาม ภายในคำสั่งนี้สามารถ กำหนดข้อมูลทั่วไปที่จะปรากฏในหน้านี้ได้
เช่น สีของตัวอักษร สีของพื้นหลัง (หรือภาพ) สีของจุดเชื่อมโยง (ทั้งก่อนคลิกและหลังคลิก) ต้องการใช้สีอะไร เป็นต้น
<BODY LINK="#FF0000" VLINK="#FF00FF"
ALINK="#CD7F32" BGCOLOR="#000000"
TEXT="#FFFF00">
ความหมายของคำสั่งประกอบในส่วน body มีดังนี้
- Link หมายถึงสีของจุดเชื่อมโยงที่ต้องการ (ระวังอย่าให้กลืนกับสีพื้น)
- Vlink หมายถึงสีของจุดเชื่อมโยงที่เราเคยคลิกเข้าไปดูมาแล้ว (สีจะเปลี่ยนไป)
- Alink หมายถึงสีของจุดเชื่อมโยงขณะที่เราเอาเมาท์ไปวางไว้เหนือข้อความนั้น
- Bgcolor หมายถึงสีของพื้นหลังของเอกสารหน้านี้
- Text หมายถึงสีของตัวอักษรข้อความทั้งหมดในเอกสารนี้ ยกเว้นเฉพาะข้อความที่กำหนดอย่างอื่น
- Background หมายถึงรูปภาพที่แสดงเป็นพื้นหลัง รายละเอียดดูในหัวข้อ Images
มาเริ่มที่การสร้างหน้าแรกกันเลย ซึ่งเป็นการสร้างไฟล์ต้นแบบ HTML สำหรับใช้ Copy เป็นไฟล์อื่น (Save as) เพื่อความสะดวกในการสร้างไฟล์ต่อ ๆ ไป ตัวอย่าง tag ที่เราจะสร้างไว้ มีดังนี้
<HTML>
<HEAD>
<TITLE> ไฟล์ตัวอย่างที่ 1</TITLE>
</HEAD>
<BODY LINK="#FF0000" VLINK="#FF00FF" ALINK="#CD7F32" BGCOLOR="#000000" TEXT="#FFFF00">
<DIV ALIGN="center"> ข้อความในไฟล์ตัวอย่างที่ 1 จัดกึ่งกลางหน้า</DIV>
</BODY>
</HTML>
|