Home » , , , , , , , , » โครงสร้างภาษา HTML
วันอังคารที่ 22 กรกฎาคม พ.ศ. 2557
undefined

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

:: โครงสร้างภาษา HTML
ภาษาคอมพิวเตอร์ทุก ๆ ภาษาจะมีโครงสร้างเฉพาะ ภาษา HTML ก็เช่นกัน โครงสร้างของภาษา HTML นั้นเป็นโครงสร้างที่ใช้งานง่าย และเข้าใจได้ไม่ยากนัก รูปแบบโครงสร้างของภาษา HTML มีดังนี้

 รูปแบบโครงสร้าง HTML

  <html>
  <head><title> ....ตรงนี้คือส่วนของข้อความที่จะปรากฏที่ Title Bar ของ Browser....</title></head>
       <body>
         ....ตรงนี้คือส่วนข้อความหรือเนื้อหา รายละเอียดที่ต้องการให้ปรากฏที่ Web browser ....       </body>
  </html>

จะสังเกตได้ว่า Tag ที่มีปรากฏอยู่จะมีทั้งหมด 4 Tag ดังนี้
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
เมื่อลองสังเกตดูเราจะพบสัญลักษณ์ <...> และ </...> เป็นคู่ จากโครงสร้างจะมี <...> 4 ตำแหน่ง และ </...> อีก 4 ตำแหน่ง ซึ่งลักษณะการเขียน HTML จะมีลักษณะแบบนี้ สัญลักษณ์ <...> เราเรียกว่าการเปิด Tag ส่วน </...> คือการปิด Tag นั้นเอง โดยส่วนใหญ่รูปแบบของการเขียน HTML จะมีการเปิดและปิด Tag แต่ก็มียกเว้นบ้าง สำหรับแท็กบางแท็ก ที่ไม่จำเป็นต้องมีการปิดแท็ก จะมีแท็กใดบ้างติดตามศึกษาในบทความต่อ ๆ ไปค่ะ
 Tip HTML
การบันทึก (Save)ไฟล์เอกสาร HTMLการบันทึกไฟล์ที่เขียนด้วยภาษา HTML เพื่อแสดงผลผ่านทาง Web browser ทำได้โดยการ Save as เป็น filename.html หรือ filename.htm
การแสดงผลของการเขียน HTML 
เราสามารถดูผลของการเขียนคำสั่ง ที่ได้บันทึกเป็นไฟล์เอกสาร .html หรือ .htm ผ่านทางเว็บ Web browser โดยหากในเครื่องของคุณมี Web browser คุณสามารถดับเบิ้ลคลิ๊กที่ไฟล์เอกสาร HTML ของคุณได้เลย เอกสาร HTML จะถูกเรียกให้แสดงผลด้วย Web browser ของคุณอัตโนมัติ หรือหากไม่เปิดด้วยวิธีการนี้ คุณอาจเปิด Web browser ขึ้นมาก่อน จากนั้น ทำการพิมพ์ที่ช่อง Address ของ Web browser โดยระบุเส้นทางการเข้าถึงไฟล์เอกสารที่คุณได้บันทึุกไว้ เช่น
หากคุณบันทึกเอกสาร HTML ของคุณไว้ที่ไดร์ว C: ในโฟลเดอร์ชื่อ HTML โดยคุณบันทึกชื่อเอกสารชื่อว่า myhomepage.html คุณก็ระบุที่ช่อง Address ของ Web browser ดังนี้
c:/HTML/myhomepage.html แล้วกด Enter เพียงเท่านี้คุณก็จะเห็นผลของการเขียนภาษา HTML ของคุณแล้วค่ะ

** หมายเหตุ หากคุณทดสอบการแสดงผลแล้ว หน้า Web browser ของคุณไม่ปรากฏอะไรเลย หรือ แท็กบางแท็กที่คุณเขียนไม่แสดงผล พึงระลึกไว้ว่าคุณอาจเขียน Tag นั้น ๆ ผิดพลาด ลองกลับไปเช็คอีกรอบ เพราะการเขียน HTML นี้ หากมีอะไรที่เราเขียนผิดพลาด โปรแกรมจะไม่แจ้งให้เราทราบว่าผิดพลาดที่ตรงไหน แต่จะไม่แสดงผลคำสั่งของแท็กนั้น ๆ

0 ความคิดเห็น:

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

Popular Posts

  • รวมโค้ดสี
  • HTML Basic : โค้ดง่ายๆ
    Hypertext Markup Language โครงสร้าง <html> <head> <title>.........</title> </head> <body> </body> ...
  • ทำความรู้จัก Search Engine
    ทำความรู้จัก Search Engine บทที่แล้วได้เกริ่นไปกี่ยวกับ SEO และเมื่อพูดถึง SEO หากจะไม่พูดถึงเรื่องของ Search Engine ก็คงกะไรอยู่ เพราะว่ามี...
  • การใส่คำอธิบายให้รูปภาพ
    การใส่คำอธิบายให้รูปภาพ โดยใช้โปรแกรม Dreamweaver การใส่คำอธิบายให้รูปภาพ ก็คือการใส่คำสั่ง ALT Tag ในภาษา HTLM นั่นเอง และเราสามารถใช้โปรแ...
  • เริ่มต้น SEO ด้วยการใส่ Meta Tag
    เริ่มต้น SEO ด้วยการใส่ Meta Tag การใส่แท็ก Meta วิธีเริ่มต้นสำหรับการทำ SEO ให้กับเว็บไซต์ ทำได้ง่าย ๆ แค่ใส่แท็ก Meta ให้เว็บไซต์ เว็บไซต์...
  • ลงโปรแกรมโปรแกรม Appserv
    ::  โปรแกรม Appserv โปรแกรมสำหรับจำลองเครื่องเป็น Server ในบทความนี้เราจะมาทำการติดตั้งโปรแกรม Appserv กันค่ะ ขั้นตอนแรกให้เราไปทำการหาโป...
  • การจัดรูปแบบข้อความ
    ::  การจัดรูปแบบข้อความ สำหรับบทความนี้ก็ยังคงเกี่ยวข้องกับข้อความ เป็นบทความที่ต่อเนื่องมาจากบทความที่แล้ว ในบทความนี้เราจะมาจัดรูปแบบขอ...
  • Banner มาตรฐาน
    รู้เรื่อง Banner มาตรฐาน ตามเว็บไซต์ต่าง ๆ สิ่งที่เราจะเห็นบ่อย ๆ และเกือบทุก ๆ เว็บต้องมีก็คือ Banner หรือป้าย ซึ่งมีอยู่มากมาย จนบางเว็บอา...
  • การสร้างตาราง
    ::  การสร้างตาราง จากบทความในบทที่ผ่าน ๆ มา ในเรื่องของการจัดตำแหน่งของข้อความ จะเห็นได้ว่าถึงแม้เราจะสามารถจัดตำแหน่งได้แล้ว แต่การจัดตำ...
  • Operator สำหรับการดำเนินการในภาษา PHP
    Operator สำหรับการดำเนินการในภาษา PHP ในบทความก่อนหน้านี้เราได้เรียนรู้เกี่ยวกับโอเปอเรเตอร์ที่ใช้ในการเปรียบเทียบ และในบทความเรื่องการใช้ W...
 
Copyright © 2015 สอนทำเว็บไซต์ ง่ายนิดเดี่ยว