HTML Language !!

posted on 09 Jul 2011 19:20 by aquariusomo

ภาษา HTML

เอชทีเอ็มแอล (อังกฤษ: HTML ย่อมาจาก Hypertext Markup Language) เป็นภาษามาร์กอัปหลักในปัจจุบันที่ใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ ซึ่งตัวโค้ดจะแสดงโครงสร้างของข้อมูล ในการแสดง หัวข้อ ลิงก์ ย่อหน้า รายการ รวมถึงการสร้างแบบฟอร์ม เชื่อมโยงภาพหรือวิดีโอด้วย โครงสร้างของโค้ดเอชทีเอ็มแอลจะอยู่ในลักษณะภายในวงเล็บสามเหลี่ยม ( < > )

เอชทีเอ็มแอลเริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) [ซึ่งในขณะนั้นเขาได้ประกอบอาชีพนักวิทยาศาสตร์] สำหรับภาษา SGML ในปัจจุบัน HTML เป็นมาตรฐานหนึ่งของ ISO ซึ่งจัดการโดย World Wide Web Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน รูปแบบของ HTML แบบใหม่ ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่งที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน ขณะที่ HTML รุ่น 5 ยังคงยังอยู่ในระหว่างการพิจารณา โดยได้มีการออกดราฟต์มาเสนอเมื่อวันที่ 22 มกราคม 2551

HTML ยังคงเป็นรูปแบบไฟล์อย่างหนึ่ง สำหรับ .html และ สำหรับ .htm ที่ใช้ในระบบปฏิบัติการที่รองรับ รูปแบบนามสกุล 3 ตัวอักษร

โครงสร้างหลักของ HTML Language

ในไฟล์เอกสาร HTML ประกอบด้วย สองส่วนใหญ่ๆ คือ ส่วนหัว HEAD และ ส่วนตัว BODY

1. Tag และ จะอยู่บรรทัดแรก และ บรรทัดสุดท้าย ในไฟล์ HTML เสมอ เป็น Tag ที่บอกให้รู้ว่า ข้อความ หรือ Tag ที่อยู่ระหว่าง 2 Tag นี้ เป็นแบบ HTML ซึ่งต่อไปในบทความจะขอเรียกว่า "Tag "

2. Tag และ ส่วนนี้จะไว้ใส่ รายละเอียดต่าง ๆ เช่น Tag ไว้ใส่ข้อความที่ต้องการให้ปรากฎอยู่บน ไตเติ้ลบาร์ เป็นต้นซึ่งต่อไปในบทความจะขอเรียกว่า "Tag "

3. ข้อความที่ปรากฎอยู่ตรงช่วงไข่ปลา เรียกว่า "แอตทริบิวต์ ของ Tag "

4. Tag และ ข้อความ หรือ Tag ที่อยู่ระหว่าง 2 Tag นี้ เป็นส่วนของเนื้อหาซึ่งต่อไปในบทความจะขอเรียกว่า "Tag "

ตัวอย่างโค้ด HTML

ลักษณะชนิดของมาร์กอัป ใน HTML

- มาร์กอัปสำหรับ โครงหลัก อธิบายจุดประสงค์ ของข้อมูล ตัวอย่างเช่น

กำหนดให้เบราว์เซอร์คำนวณ "SNSD" เป็นลักษณะของหัวข้ออันดับที่ 2 มาร์กอัปโครงหลัก โดยปกติไม่ได้กำหนดลักษณะการแสดงผล แต่อย่างไรก็ตาม ทางเบราว์เซอร์กำหนดการแสดงผลมาตรฐานของมาร์กอัป โดpปกติจะแสดงผลในลักษณะที่ตัวอักษรขนาดใหญ่ และมีความหนา การกำหนดลักษณะสามารถทำได้ในส่วนของ Cascading Style Sheets (CSS)

- มาร์กอัปสำหรับ การแสดงผล อธิบายการแสดงผลของ ข้อความโดยไม่ได้มีความหมายอื่นในทางโครงสร้าง ตัวอย่างเช่น

<b>ตัวหนา</b> <i>ตัวเอียง</i> <u>ขีดเส้นใต้</u>

กำหนดให้คำว่า "ตัวหนา" แสดงผลในลักษณะตัวหนา เช่นเดียวกับการแสดงผลใน ตัวเอียง หรือ ขีดเส้นใต้

- มาร์กอัปไฮเปอร์เท็กซท์ อธิบายการเชื่อมโยงระหว่าง ส่วนหนึ่งของข้อมูลไปยังอีกส่วนหนึ่งของข้อมูล ไม่ว่าจะถูกจัดเก็บในแฟ้มข้อมูลเดียวกันหรือไม่ก็ตาม ตัวอย่างเช่น

<a href="http://soshifanclub.com/">เว็บไซต์โซชิเเฟนคลับ</a>

กำหนดให้การแสดงผล เว็บไซต์โซชิเเฟนคลับ เป็น ไฮเปอร์ลิงก์ ไปที่ URL

การพัฒนาเว็บเพจแนวใหม่ด้วยมาร์กอัป

เนื่องจากข้อจำกัดของ HTML ทำให้ผู้ใช้แนวทางเก่าใช้แท็ก Table ในการจัดโครงสร้างของเนื้อหา ในปัจจุบัน ได้มีแนวทางใหม่ในการใช้แท็ก div ร่วมกับ การกำหนด CSS ในการจัดโครงสร้างของเนื้อหา ตามแบบฉบับการทำงานของบริษัทแมโครมีเดีย ซึ่งทำให้เราสามารถออกนอกกรอบและสามารถจัดเอกสารได้ง่าย และรวดเร็วกว่า อีกด้วย

ตัวอักษรเคลื่อน

โค้ดนี้จะทำให้ตัวอักษรเลื่อนไปทางซ้ายได้