HTML

หลายคนคงจะรู้จักเว็บไซต์กันเป็นอย่างดีแล้วเดี๋ยววันนี้เราจะมานำเสนอให้ทุกท่านได้รู้จักกับ HTML หลายคนก็คงจะงงว่ามันคืออะไรแต่ก็คงมีคนรู้กันมาบ้างแล้วว่ามันย่อมาจาก Hyper Text markup language มันเป็นภาษาของคอมพิวเตอร์ที่สามารถใช้แสดงข้อมูลหรือเอกสารต่างๆ ที่อยู่บนอินเทอร์เน็ตได้หรือข้อมูลต่างๆ ตามเว็บไซต์ต่างๆ ซึ่งมันถูกพัฒนาโดยองค์กร Word Wide Web Consortium ไม่ต้องบอกเลยว่าได้มีการพัฒนาเทคโนโลยีด้านซอฟต์แวร์ และไมโครซอฟท์จึงไม่แปลกใจเลยว่าทำไมภาษาhtmlจึงเป็นอีกหนึ่งภาษาที่สามารถใช้ในการเขียนโปรแกรมได้ และทุกวันนี้มันก็ใช้ในการเขียนโปรแกรมเช่นเดียวกันหรือจะเรียกอีกอย่างว่าhtml Applicationก็ได้มันสามารถเป็นตัวที่สร้างเว็บเพจได้ด้วยเครื่องมือ รายการช่วยสร้างเว็บไม่ว่าจะใช้โปรแกรมไหนก็ตามไม่ว่าจะเป็นเว็บเบราว์เซอร์อะไรก็ตาม 

HTML

อย่างเช่นการสร้างโฮมเพจขึ้นมาแล้วต้องบอกเลยว่ามันจำเป็นที่จะต้องใช้มีความเกี่ยวข้องกับระบบอินเทอร์เน็ต และระบบอินเทอร์เน็ตนั้นก็มีบทบาทในชีวิตประจำวันของเราทุกคนอยู่แล้วไม่ว่าจะเป็น Smart Phone หรือคอมพิวเตอร์ก็ตามก็ต้องบอกเลยว่าตามอินเทอร์เน็ตนั้น มันจะมีแหล่งความรู้หรือแหล่งประกอบธุรกิจ หรือซื้อขายสินค้าประเภทต่างๆ รวมทั้งยังติดต่อสิ่งต่างๆได้ด้วยดังนั้นมันก็มักจะถูกนำเสนอในรูปแบบของโฮมเพจ ซึ่งหลายคนก็คงจะสงสัยกันว่าโฮมเพจนั้นมาได้อย่างไร และโฮมเพจใครเป็นผู้สร้างและสร้างมันขึ้นมาเพื่ออะไร มันเป็นที่อยู่ในรูปแบบโปรแกรมซึ่งมันนำมาสร้างเว็บเพจ และอีกอย่างต้องบอกก่อนเลยว่าถ้าคุณจะสร้างโฮมเพจขึ้นมาคุณจำเป็นที่จะต้องมีความรู้เกี่ยวกับhtmlเสียก่อนไม่งั้นคุณก็จะไม่รู้เครื่องมือต่างๆ สามารถใช้อย่างไร

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

htmlต้องบอกก่อนเลยว่าส่วนใหญ่แล้วไฟล์ของhtmlนั้นมันจะมีส่วนประกอบหลักๆอยู่ 2 ส่วนนั่นก็คือส่วน Head แล้วก็ส่วน body ซึ่งถ้าจะให้เราเปรียบเทียบกับสิ่งง่ายๆ เลยก็คือส่วน Head ก็คือเป็นหน้าเอกสารทั่วไปไม่ว่าจะเป็น Title หรือว่าหน้าต่างการทำงานในระบบต่างๆ อย่างเช่น Windows ส่วนบอดี้ก็เป็นส่วนที่เก็บเนื้อหาหรือข้อมูลในรูปแบบต่างๆ ของเอกสารนั้นและไม่ว่าเอกสารนั้นจะมีการเก็บข้อมูลเป็นตัวหนังสือรูปภาพไฟล์วีดีโอไฟล์รูปซึ่งทั้งสองส่วนจะแตกต่างกันนิดหน่อยถ้าโดยส่วนใหญ่แล้วไม่ว่าจะ Head หรือ Body มันก็มีส่วนเกี่ยวเนื่องและก็มีความสำคัญเช่นเดียวกัน

ลักษณะของภาษา HTML

โดยส่วนใหญ่แล้วภาษาของhtmlนั้นมันจะอยู่ในเครื่องหมาย < > เสมอซึ่งไม่ว่าจะเป็นคำสั่งใดก็ตามส่วนใหญ่แล้วมักจะเปิด < > หรือแม้แต่กระทั่งคำสั่งปิด < / > ก็เป็นแบบนี้เสมอเช่นเดียวกัน และในการใส่อักษรมันก็แล้วแต่ว่าจะใส่ตัวใหญ่ หรือตัวเล็กมันก็ให้ผลลัพธ์เช่นเดียวกันไม่มีปัญหาอะไร แล้วก็ตกลงของการอ่านภาษาhtmlนั้นก็คือถ้าเป็นตัวหนาจะเป็นคำสั่งภาษาhtml และถ้าเป็นตัวธรรมดาพี่ไม่ได้มีคำสั่งหรือเป็นตัวหนามันก็จะไม่ได้ไปเกี่ยวกับภาษาของ htmlอย่างไรก็ตามการที่จะสร้างโครงสร้างจำเป็นที่จะต้องพิมพ์โครงสร้างไปก่อนที่จะทำ Home Page ดังนั้นจำเป็นที่จะต้องเขียนโครงสร้างด้วยภาษาhtmlแล้ว จึงจะสามารถเขียนโฮมเพจต่อได้ซึ่งมันก็เป็นขั้นตอนในการทำ

อธิบายโครงสร้าง

ต้องบอกอย่างนี้ว่าคำสั่งที่จะต้องสั่งภาษาhtml นั้นมีความจำเป็นที่จะต้องพิมพ์ลงไปทุกครั้งไม่ว่าจะเปิดหรือปิดก็ตาม ไม่ว่าจะเป็นคำสั่งเริ่มหรือคำสั่งจบภาษา htmlมีความสำคัญ ห้ามลืมเด็ดขาดไม่อย่างนั้นคุณก็จะทำให้สำเร็จอย่างแน่นอนและต้องบอกเลยว่ามันก็มักจะอยู่ที่บรรทัดแรกแล้วก็บรรทัดสุดท้ายหรือล่างสุดเสมอสำหรับการเปิดด้วยภาษาhtml และก็การปิดด้วยภาษาhtml ดังนั้นส่วนใหญ่ homepage ที่มีการตั้งชื่อโฮมเพจนั้นก็จะเรียกว่าส่วนหัวของโปรแกรม และส่วนใหญ่แล้วถ้าเป็นเนื้อหาที่มีการพิมพ์ข้อความในรูปแบบต่างๆ หรือใส่ข้อมูลต่างๆ เข้าไปในระหว่างส่วนกลางระหว่างหัวกับปิดจบนั่นก็แสดงว่ามันคือส่วน Title Bar ก็คือส่วนของข้อมูลนั่นเองและส่วนของข้อมูลนี้ก็คือ เป็นส่วนที่เราจะต้องนำไปแสดงในเว็บเพจนั่นเอง

ตัวอย่างของคำสั่ง

  • <HTML>
  • <HEAD> ….. </HEAD> แสดงข้อคำสั่งในส่วนหัว
  • <BODY>………</BODY> แสดงข้อคำสั่งในส่วนเนื้อความ
  • </HTML>
  • <TITLE> …………………..</TITLE> แสดงข้อความในส่วน TITLE (ส่วนบน)
  • <BR> ขึ้นบรรทัดใหม่<P> เว้นเป็นย่อหน้าใหม่โดยจะเว้นบรรทัดให้ 1 บรรทัดด้วย
  • <P ALIGN=?> เพิ่มแอตทริบิวต์ ชื่อ ALIGN เพื่อจัดย่อหน้า โดยกำหนดค่าได้ 3 แบบ คือ CENTER (จัดกึ่งกลาง) LEFT (จัดชิดซ้าย) RIGHT (จัดชิดขวา)<BLOCKQUOTE> ……………….. </BLOCKQUOTE> การใช้แท็ก
  • <CENTER>…………..</CENTER> จัดกึ่งกลาง
  • <PRE>…..</PRE> จัดตามต้นฉบับ
  • <HR> ตีเส้นขั้นหน้า
  • <HR SIZE=ตัวเลข> แสดงขนาดความหนาบางของเส้น โดยเริ่มจาก 1 บางสุด
  • <HR WIDTH=ตัวเลขเป็นเปอร์ซ็นต์ %> กำหนดความยาวของเส้นบรรทัด
  • <HR NOSHADE> เป็นการกำหนดไม่แสดงเส้นแบบมีเงา
  • <!– –> แทรกหมายเหตุ
  • <!–# –> แทรกคำสั่งสำหรับทำงานบนเครื่องเซิร์ฟเวอร์
  • <!DOCTYPE> ระบุชนิดและหมายเลขรุ่นHTML
  • <A> กำหนดจุดลิงก์และตำแหน่งแองเคอร์
  • <ABBR> แสดงคำย่อ
  • <ACRONYM> แสดงอักษรย่อ
  • <ADDRESS> แสดงข้อความระบุสถานที่ติดต่อโดยเฉพาะ
  • <APPLET> แสดงการทำงาน Java applet
  • <AREA> กำหนดพื้นที่การลิงก์สำหรับอิมเมจแมปแบบ client-side
  • <B> แสดงข้อความแบบตัวหนา
  • <BASE> กำหนด URL พื้นฐานในเว็บเพจ
  • <BASEFONT> กำหนดรูปแบบตัวอักษรพื้นฐานในเว็บเพจ
  • <BDO> กำหนดทิศทางการอ่าน-เขียนข้อความ
  • <BGSOUND> บรรเลงเพลงประกอบ
  • เพิ่มขนาดตัวอักษรขึ้น 1 ระดับ
  • แสดงข้อความแบบกะพริบ
  • แสดงข้อความอ้างอิง

  • กำหนดขอบเขตเนื้อความของเว็บเพจ

  • กำหนดจุดสิ้นสุดบรรทัด (ขึ้นบรรทัดใหม่)
  • แสดงคำอธิบายตาราง
  • แสดงข้อความแบบจัดกึ่งกลาง
  • แสดงข้อความเพื่อการอ้างอิง
  • แสดงซอร์ซโค้ดโปรแกรมคอมพิวเตอร์
  • กำหนดคุณสมบัติคอลัมน์ข้อมูลในตาราง
  • กำหนดคุณสมบัติคอลัมน์ในตารางแบบเป็นกลุ่ม
  • แทรกหมายเหตุ
  • กำหนดรูปแบบตัวอักษร
Close Menu