มาตรฐาน html และเวอร์ชั่นของ html
ลักษณะของภาษาhtml โครงสร้างพื้นฐานของภาษา html
เครื่องมือที่ใช้สร้างภาษา Html วิธีการใช้งานโปรแกรม notepad สร้างเอกสาร html รู้จักกับภาษาhtml HTML ย่อมาจากคำว่า Hypertext Markup Language ซึ่งพัฒนาขึ้นมาจากภาษา SGML (Standard Generalized HTML เป็นภาษามาตรฐานที่ใช้พัฒนาเอกสารในรูปแบบของเว็บเพจโดยสามารถนำเสนอข้อมูลตัวอักษร ภาพเสียง มาตรฐาน html และเวอร์ชั่นของ html
xhtml ภาษามาตรฐานใหม่ที่จะมาแทนที่ html XHTML (ย่อมาจาก Extensible HyperText Markup Language) XHTML เป็นภาษาประเภท Markup Language ที่เกิดจากการนำ XML (Extensible Markup Language) และ HTML มารวมกันกลายเป็นมาตรฐานใหม่ของ HTML จากข้อเสียของ HTML ที่เมื่อแสดงผลผ่านบราวเซอร์ของค่ายต่างๆ เช่น Internet Explorer, Firefox, Netscape, Opera และอื่นๆ ได้ผลที่แตกต่างกัน เว็บเพจที่ออกแบบมาอย่างดีของเรา อาจดูสวยงามถูกต้องใน IE แต่กลับผิดเพี้ยนไปเมื่อดูด้วย Firefox องค์กร
W3C จึงได้นำ HTML 4.0 มาปรับปรุงใหม่ โดยยึดหลักการของ XML และได้เพิ่มกฎเกณฑ์บางอย่าง เพื่อให้การ ใช้งานมีความเข้มงวด และเป็นมาตรฐานยิ่งขึ้น ซึ่งจะเป็นแนวทางให้บราวเซอร์ค่ายต่างๆ พัฒนาโปรแกรม ข้อดีของ XHTML
ดังนั้น ต่อไปไม่ว่าจะแสดงเว็บเพจของเราในบราวเซอร์ค่ายใด ก็สามารถแสดงผลได้เหมือนกัน อย่างถูกต้อง และการใช้งานอินเตอร์เน็ตจะไม่จำกัดอยู่แค่บนเครื่องคอมพิวเตอร์ แต่สามารถขยายการใช้งานออกไปได้กว้างขึ้น html 5 HTML
5 เป็นเวอร์ชั่นใหม่ล่าสุด ที่กำลังจะถูกนำมาใช้งานแทนที่ HTML 4.01 โดย HTML 5 นั้นได้รวมคุณสัมบัติ ลักษณะของภาษาhtml องค์ประกอบของภาษา html สามารถแบ่งออกเป็น 2 ส่วน คือ ส่วนที่เป็นข้อความทั่วๆ ไป กับส่วนที่เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบข้อความที่แสดง ซึ่งเราเรียกคำสั่งนี้ว่า แท็ก (Tag) โดยแท็กคำสั่งของ HTML จะอยู่ในเครื่องหมาย < และ > โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
ในกรณีที่เราต้องการใช้แท็กซ้อนกันมากกว่า 1 แท็ก เราจะต้องใช้แท็กปิด ปิดแท็กในสุดก่อน แล้วจึงไล่ปิดแท็กอื่น ๆ เราสามารถพิมพ์เป็นตัวเล็ก หรือ ตัวใหญ่ก็ได้ (เวอร์ชั่น 4 ขึ้นไป) เช่น <HTML>,<html>,<Html> จะมีความหมายเหมือนกัน แต่ควรจะพิมพ์ตัวเล็กทั้งหมด เพื่อให้รองรับกับเอกสาร XHTML ด้วย บางแท็กจะมีตำกำหนดคุณสมบัติ เรียกว่า
แอททริบิวท์ (Attribute) และค่าที่ถูกกำหนดให้ใช้แท็ก (Value) โดยจะ
โครงสร้างพื้นฐานของภาษา html
โครงสร้างของภาษา html แบ่งได้เป็น 4 ส่วนหลัก ดังนี้
แท็ก
html <html>..</html> ส่วนหัวของเอกสาร(header) <head> ..</head>
เนื้อหา(body)
<body>..</body> ส่วนเนื้อหาเอกสารเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่มักจะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <body>..</body> เครื่องมือที่ใช้สร้างภาษา Html
ในการสร้างเว็บเพจด้วย HTML นั้น เราจะต้องมีเครื่องมือที่ใช้ในการเขียนและแก้ไขโค้ด ที่เรียกว่า Text Editor ซึ่งเป็นโปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความ ปัจจุบันมีโปรแกรมอยู่มากมายที่ใช้สำหรับแก้ไขโค้ด HTML โดยเฉพาะ เช่น Notepad EditPlus และ Dreamweaver เป็นต้น 1.โปรแกรม Notepad Notepad
คือโปรแกรม text editor ที่เรียกใช้งานได้ง่าย มีขนาดเล็ก มีในทุกเครื่องที่ใช้ Windows Notepad นั้นมีข้อจำกัด 2.โปรแกรม EditPlus
โปรแกรม EditPlus เป็นโปรแกรม Editor ตัวหนึ่งที่ใช้สำหรับการพิมพ์หรือแก้ไขเอกสารหรือสคริปต์ต่างๆ เช่น คุณสมบัติเด่นของโปรแกรม Editplus - แยกคำสั่งต่างๆ ด้วยการแสดงสีที่ไม่เหมือนกัน 3. โปรแกรม Macromedia Dreamweaver
จุดเด่นของโปรแกรม Macromedia Dreamweaver
วิธีการใช้งานโปรแกรม notepad สร้างเอกสาร html 1. การเรียกใช้งานโปรแกรม Notepad สามารถทำได้ดังนี้ คลิกที่ Start > เลือก Programs > เลือก Accessories > เลือก Notepad 2. จะได้โปรแกรม Notepad สำหรับเขียนเว็บเพจ ดังนี้ 3. ก่อนที่จะเริ่มเขียนชุดคำสั่ง ควรทำการกำหนดค่าตัวอักษรเสียก่อน โดยไปที่ Format เลือก Font จะได้ดังภาพ 4. แล้วทำการพิมพ์ชุดคำสั่งตามภาพด้านล่าง 2 วิธีการบันทึกเอกสาร เมื่อสร้างเอกสารเสร็จแล้ว จะต้องบันทึกเป็นเอกสาร html โดยบันทึกเป็นนามสกุล .html หรือ .htm ดังนี้ การเปิดไฟล์ html ด้วย โปรแกรมเว็บเบราเซอร์ หลังจากที่เราบันทึกเอกสารเรียบร้อยแล้ว
ให้เราดับเบิ้ลคลิกที่ไฟล์เว็บเพจที่เราสร้าง หรือทำการ ผลลัพธ์ที่ได้ คือ ไฟล์ที่เราบันทึกไว้จะถูกเปิดผ่านโปรแกรมเว็บเบราเซอร์ที่เราเลือก ดังรูป ลองทำดู : คลิก download ไฟล์ ดังภาพ หากพบว่า เนื้อหาที่เราเขียนในเว็บเพจไม่สามารถแสดงผลเป็นภาษาไทยเหมือนที่ต้องการ ทำให้เราไม่สามารถ หากต้องการแก้ไขเว็บเพจ ให้กลับไปแก้ไขไฟล์ที่อยู่ใน โปรแกรม notepad แล้วทำการแก้ไข แล้วบันทึกไฟล์ (save) ทำการเปิดบราวเซอร์อีกครั้ง หรือกรณีที่ยังไม่ปิดเว็บเบราเซอร์ให้ กดปุ่ม refresh หรือ F5 ที่คีย์บอร์ด เพื่อโหลดหน้าเว็บใหม่ แสดงชุดคำสั่งภาษา HTML ผ่านทางหน้าเว็บเพจ กรณีที่เราต้องการอยากจะดูซอสโค๊ต
ชุดคำสั่งเพื่อตรวจทานความถูกต้องโดยไม่ต้องกลับไปดูที่ โปรแกรมNotepad Top |