วันอาทิตย์ที่ 12 ธันวาคม พ.ศ. 2553

ทำความรู้จักกับภาษา HTML เบื้องต้น

เราลองมาศึกษาเกี่ยวกับภาษา HTML ดูกันนะครับ ไม่ยากเลยครับ ซึ่งผมจะขออธิบายดังนี้ครับ

โครงสร้างภาษา HTML

  ไฟล์เอกสาร  HTML  ประกอบด้วยส่วนประกอบสองส่วนคือ  Head  กับ  Body  โดยสามารถเปรียบเทียบได้ง่าย ๆ  ก็คือ  ส่วน Head จะคล้ายกับส่วนที่เป็น  Header  ของหน้าเอกสารทั่วไป หรือบรรทัด  Title ของหน้าต่างการทำงานในระบบ  Windows  สำหรับส่วน  Body จะเป็นส่วนเนื้อหาของเอกสารนั้น ๆ โดยทั้งสองส่วนจะอยู่ภายใน  Tag <HTML>…</HTML>
     รูปแบบของ Tag ซึ่งจะเขียนอยู่ในเครื่องหมาย มากกว่า และ น้อยกว่า < > แต่ละ Tag มีหน้าที่ที่แตกต่างกันออกไป
      Tag แบ่งออกเป็น 2 ประเภท คือ
     แท็กเดี่ยว คือ คำสั่งที่มีคำสั่งเพียงอย่างเดียว ซึ่งสามารถใช้และสิ้นสุดคำสั่งได้ด้วยตัวของมันเอง เช่น
<br>
     แท็กคู่ คือ คำสั่งที่ต้องมีส่วนเริ่มต้นและส่วนจุดจบของคำสั่งนั้นๆ โดยแท็กที่เป็นส่วนจบนั้นจะมีเครื่องหมาย slash / ติดเอาไว้ เช่น
<html> ส่วนของเนื้อหา ..... </html>
<center> ข้อความ..... </center>
<p> ข้อความ.... </p>

ซึ่งเราจะได้ Tag HTML ดังต่อไปนี้ นี่เป็นเบื้องต้นเท่านั้นครับ


html>
<head>
<meta http-equiv=content-type content="text/html; charset=tis-620">
<title>ข้อความปรากฏบน Title Bar</title>
</head>
<body>
.................................................................
.................................................................
</body>
</html>


เราสามารถเขียน HTML ได้จากโปรแกรม TEXT Editor ทั่วไป เช่น Notepad เป็นต้น โดยวิธีการเขียน ก็เหมือนกันการพิมพ์เอกสารทั่ว ๆ ไป เพียงแต่เวลาที่เราทำการเซพ (Save) ไฟล์ให้เราทำการ Save เก็บไว้เป็นไฟล์นามสกุลเป็น *.htm or *.html ซึ่งผมต้องบอกเลยครับว่าท่านที่คิดจะเขียนเว็บให้เป็นนั้น ต้องเริ่มจากภาษา HTML ก่อน เป็นอันดับแรกครับ



รูปโปรแกรม Google Chrome ที่กำลังมาแรงด้วยการทำงานที่รวดเร็ว และสะดวก สบาย

ไม่มีความคิดเห็น:

แสดงความคิดเห็น