โครงสร้างพื้นฐาน HTML
โครงสร้าง พื้นฐานของภาษา Computer เป็นส่วนที่สำคัญที่สุด ของการเขียนภาษา Computer โดยทั่วไปแล้ว มันจะต้องถูก เขียนขึ้นทุกครั้ง ภาษา HTML ก็เหมือนกับภาษา Computer ทั่วๆไป ที่มี โครงสร้าง พื้นฐานเฉพาะ ของมันคำสั่งของ HTML ส่วนมากจะถูกกำหนด อยู่ในเครื่องหมาย < และ > ซึ่งถูกเรียกว่า Tag สำหรับในส่วนของคำสั่ง Tag ภายในคำสั่ง โครงสร้าง พื้นฐาน พอที่จะ อธิบายคร่าวๆได้ดังนี้

image 1
Title(ชื่อหัวเรื่อง) == ดูรูป ด้านซ้ายมือ บรรทัดที่ 3
จะถูกกำหนด อยู่ภายใน Tag คำสั่ง
<HEAD>
<TITLE> ชื่อหัวเรื่อง </TITLE>
</HEAD>

ข้อมูลที่ถูก เขียนอยู่ภายใน Tag จะแสดงผล ออกมาให้เห็น ที่บนบาร์ของ Web Browser

ข้อมูลที่ต้องการแสดงผล
จะเป็นส่วนที่แสดงให้เราเห็นไม่ว่าจะเป็น ตัวอักษร,รูปภาพ,ตาราง ฯลฯ (คำสั่งที่ ต้องการแสดงผล จะอยู่ ระหว่าง tag BODY ทั้งหมด) ซึ่งถูกกำหนดอยู่ ระหว่าง คำสั่ง
<BODY>
จนถึงคำสั่ง
</BODY>

ดูตัวอย่างได้ที่รูปด้านซ้ายมือ ในบรรทัดที่ 5 ถึง 8

image 2

คำสั่งComment Tag
เป็นคำสั่งที่ใช้ ในการอธิบาย อยู่ภายใน HTML จะไม่มีการแสดงผล ออกมาที่ Browser จะมีประโยชน์
สำหรับ ผู้ที่จะทำการแก้ไข โปรแกรม ในภายหลัง

รูปแบบคำสั่ง Comment
<!--ใส่ข้อความใดๆก็ได้ เพื่อใช้ในการ อธิบาย-->
จากรูป image 1 บรรทัดที่ 6


คำสั่งขึ้นบรรทัดใหม่
<BR>
เป็นคำสั่ง ที่ใช้กำหนดให้ ข้อความที่เราพิมพ์ ลงไปในเอกสาร ขึ้นบรรทัดใหม่ ได้ตามที่เราต้องการ เพราะ ถ้าเราไม่ใช้ คำสั่งสั่งให้เอกสาร แสดงผลขึ้นบรรทัดใหม่ การแสดงผล ของข้อความ จะแสดงต่อกัน ไปเรื่อยๆ แม้ว่าเราจะ พิมพ์ข้อความ ขึ้นบรรทัดใหม่ ก็ตาม


คำสั่งการย่อหน้าใหม่ รูปแบบคำสั่ง
<P>........... </P> หรือ <P>
มีลักษณะคล้ายกับคำสั่ง < BR > แต่คำสั่งนี้จะมีการเว้น บรรทัดว่าง ให้หนึ่งบรรทัด เพราะบางครั้ง เราต้องการ เว้นบรรทัดว่าง หนึ่งบรรทัด แต่โปรแกรม Web Browser จะไม่เข้าใจการพิมพ์ บรรทัดเปล่า

image 3
โปรดสังเกต การใช้คำสั่ง และข้อความในวงเล็บ ของรูปที่ 3 และเปรียบเทียบกับการแสดงผลในรูปที่ 4 ท่านจะเข้าใจ มากขึ้นครับ
โปรดสังเกต ในรูปที่ 3 ข้อความ "(สังเกตตรงนี้เพราะมีการ พิมพ์ขึ้นบรรทัดใหม่)" จะพิมพ์ขึ้นมายัง บรรทัดใหม่ แต่การแสดงผล ในรูปที่ 4 ข้อความนี้ จะไม่ขึ้น บรรทัดใหม่แต่อย่างใด

image 4
เส้นคั่นบรรทัด
เป็นคำสั่งที่ใช้แบ่งข้อความของจอภาพให้เป็นส่วนๆ

รูปแบบคำสั่ง
<HR>

ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD>
<TITLE> เส้นคั่นบรรทัด</TITLE>
</HEAD>
<BODY> Hello ! <P> เห็นผมไหม?
<HR>
</BODY>
</HTML>

การแสดงผล
Hello !

เห็นผมไหม?


 
Hosted by www.Geocities.ws

1 1