ประวัต html
TRANSCRIPT
ประวั�ติ�ควัามเป�นมาของ HTML
ปี�ค.ศ. 1961 อิ�นเตอิร์�เน�ตได้�เกิ�ด้และเต�บโตขึ้��น พร์�อิมกิ�บภาษาคอิมพ�วเตอิร์�และโปีร์โตคอิล (Protocol) จำ"านวนมากิ เพ#$อิร์อิงร์�บกิ�บ กิาร์เต�บโตอิย่'างร์วด้เร์�วขึ้อิงอิ�นเตอิร์�เน�ต หน�$งในภาษาคอิมพ�วเตอิร์�และโปีร์โตคอิลน��นค#อิ ภาษา HTML และ TCP/IP (Transmission
Control Protocol/ Internet Protocol) ทั้��งน+�เพร์าะ World
Wide Web แม�จำะเปี,นเพ+ย่งส่'วนหน�$งขึ้อิงอิ�นเตอิร์�เน�ต แต'ได้�ร์�บความน�ย่ม อิย่'างส่.ง และร์วด้เร์�ว โปีร์โตคอิล HTTP (ซึ่�$งเปี,นส่'วนย่'อิย่ขึ้อิงโปีร์โตคอิล TCP/IP) จำ�งได้�ร์�บกิาร์พ�ฒนาเพ#$อิส่น�บส่น1นภาษา HTML ซึ่�$ง ใช้�ในกิาร์จำ�ด้เกิ�บเอิกิส่าร์บน World Wide Web
ภาษา HTML ในย่1คแร์กิเร์�$ม ถู.กิใช้�เพ#$อิจำ�ด้ทั้"าร์.ปีแบบต�วอิ�กิษร์บนเอิกิส่าร์ปีร์ะเภทั้ Hypertext ความส่ามาร์ถูจำ�งย่�งคงจำ"ากิ�ด้อิย่.'มากิ เพ+ย่งทั้"าได้�แต' กิาร์กิ"าหนด้ร์.ปีแบบ heading แต'ส่"าหร์�บต�วอิ�กิษร์ทั้"าได้�แค' bold และ italic เทั้'าน��น
ความทั้+$ภาษา HTML เปี,นภาษาทั้+$ได้�ร์�บกิาร์พ�ฒนาอิย่'างต'อิเน#$อิง จำนปี4จำจำ1บ�นมาถู�ง เวอิร์�ช้�น 4.0 จำ�งได้�เพ�$มขึ้+ด้ความส่ามาร์ถูจำากิเด้�ม ทั้+$ม+ความส่ามาร์ถูเพ+ย่งเพ#$อิจำ�ด้ร์.ปีแบบต�วอิ�กิษร์ กิลาย่เปี,นภาษาทั้+$ม+ความส่ามาร์ถูในกิาร์จำ�ด้ร์.ปีแบบเอิกิส่าร์อิย่'างเต�มร์.ปีแบบ ส่�$งกิร์ะต1�น แร์กิทั้+$กิ'อิให�เกิ�ด้กิาร์พ�ฒนาด้�งกิล'าว เกิ�ด้ขึ้��นในปี� 1993 เม#$อิโปีร์แกิร์ม Web browser ม+ความส่ามาร์ถูจำะด้.เอิกิส่าร์แบบ Hypertext
พร์�อิมกิ�บม+ร์.ปีภาพปีร์ะกิอิบได้�พร์�อิมๆ กิ�น และในร์ะย่ะหล�งจำากิน��นอิ+กิ 5 ปี� ภาษา HTML กิ�ได้�พ�ฒนาตนเอิงมาเร์#$อิย่ๆ จำนเปี,นเวอิร์�ช้�น ปี4จำจำ1บ�น -- เวอิร์�ช้�น 4.0
ส่�$งทั้+$ทั้"าให� HTML เวอิร์�ช้�นปี4จำจำ1บ�น ม+ความส่ามาร์ถูในกิาร์จำ�ด้ร์.ปีแบบเอิกิส่าร์อิย่'างเต�มร์.ปีแบบ ค#อิ ความส่ามาร์ถูในกิาร์ใช้� Cascading Style Sheet เพ�$มเต�มจำากิเวอิร์�ช้�นกิ'อินหน�าน+�
1
(เวอิร์�ช้�น 3.2) ซึ่�$งม+ความส่ามาร์ถูจำ�ด้ร์.ปีแบบเอิกิส่าร์อิย่.'ในขึ้��นมาตร์ฐาน
ในอิด้+ต ส่�$งทั้+$ทั้"าให�ผู้.�เขึ้+ย่นภาษา HTML ปีร์ะส่บกิ�บปี4ญหามากิมาย่ ค#อิ กิาร์ทั้+$โปีร์แกิร์ม browser หล�กิๆ ย่�งคงม+ความแตกิต'างทั้าง ด้�านเทั้คโนโลย่+กิ�นอิย่'างมากิ และต'างกิ�ได้�พ�ฒนาภาษา HTML ขึ้อิงตนเพ�$มเต�มจำากิมาตร์ฐานในเวอิร์�ช้�น 3.2 กิ�นเอิง โด้ย่ไม'ได้�ม+กิาร์ตกิลง ร์ะหว'างกิ�น เปี,นผู้ลให�ผู้.�เขึ้+ย่นภาษา HTML โด้ย่ถู#อิตามมาตร์ฐาน หร์#อิอิ�างอิ�งค'าย่ใด้ค'าย่หน�$งไม'ส่ามาร์ถูจำะแส่ด้งร์.ปีแบบขึ้อิงเอิกิส่าร์ ให�เปี,นอิย่'างทั้+$ต�อิงกิาร์ได้� ในปี4จำจำ1บ�น ปี4ญหาด้�งกิล'าวกิล�บไม'ลด้น�อิย่ลงไปี แม�ว'าจำะได้�ม+กิาร์จำ�ด้ต��งคณะกิร์ร์มกิาร์ เพ#$อิกิ"าหนด้มาตร์ฐาน ให�โปีร์แกิร์ม browser ในเวอิร์�ช้�นใหม'ๆ น"าเอิา HTML
เวอิร์�ช้�น 4.0 เปี,นมาตร์ฐานกิ�ตาม แต'ปี4ญหาย่�งคงม+อิย่.' ต'อิไปี ด้�วย่เหต1ทั้+$คณะกิร์ร์มกิาร์ช้1ด้ด้�งกิล'าวไม'ส่ามาร์ถูผู้ล�กิด้�นให�โปีร์แกิร์ม browser ร์�บเอิามาตร์ฐานด้�งกิล'าวไปีใช้�อิย่'างร์วด้เร์�ว เพ+ย่งพอิ
HTML ค�ออะไร
HTML หร์#อิ HyperText Markup Language เปี,นภาษา script ปีร์ะเภทั้หน�$ง ซึ่�$งใช้�ทั้"า Web page เปี,นงานหล�กิ ในร์ะบบ World Wide Web ในแร์กิเร์�$ม ว�ตถู1ปีร์ะส่งค�หล�กิขึ้อิง HTML ถู.กิเส่นอิโด้ย่นาย่ ทั้�ม เบอิร์�เนอิร์�ส่-ล+ (Tim Berners-Lee) แห'งศ.นย่�ปีฏิ�บ�ต�กิาร์ว�จำ�ย่ทั้างอิน1ภาคฟิ<ส่�กิส่�ขึ้อิงย่1โร์ปี (CERN) ซึ่�$งต��งอิย่.'ทั้+$กิร์1งเจำน+วา ส่ว�ตเซึ่อิร์�แลนด้� ได้�กิ"าหนด้ไว�ว'า
เพ#$อิส่ร์�างส่#$อิทั้+$น�กิว�ทั้ย่าศาส่ตร์�ส่ามาร์ถูจำะเผู้ย่แพร์'ผู้ลงาน และใช้�อิ�างอิ�ง ได้�ตลอิด้ 24 ช้.ม.
เพ#$อิส่ร์�างภาษาคอิมพ�วเตอิร์�ทั้+$ร์อิงร์�บภาษาทั้�อิงถู�$น ทั้+$ไม'ขึ้��นกิ�บร์ะบบขึ้อิงเคร์#$อิงคอิมพ�วเตอิร์� (Platform) หร์#อิร์ะบบเคร์#อิขึ้'าย่ใด้ๆ
2
และด้�วย่ว�ตถู1ปีร์ะส่งค�ขึ้�างต�น ภาษา HTML จำ�งถู.กิใช้�งานอิย่'างแพร์'หลาย่ในส่�งคมขึ้อิงน�กิว�ทั้ย่าศาส่ตร์� และกิ"าหนด้ให�เคร์#$อิงม#อิทั้+$ใช้�เขึ้+ย่น เปี,นโปีร์แกิร์ม text editor ทั้�$วๆ ไปี
ส่"าหร์�บภาษา HTML ในอิ�นเตอิร์�เน�ต ได้�ร์�บกิาร์พ�ฒนาอิย่'างต'อิเน#$อิง เพ#$อิให�คนทั้1กิๆ ช้าต�บนโลกิ ส่ามาร์ถูเขึ้�าถู�ง เผู้ย่แพร์' และอิ�างอิ�ง ว�ทั้ย่ากิาร์ความร์. �ได้� ด้�วย่กิาร์เช้#$อิมโย่งไปีมาแบบ hyperlink อิาจำจำะด้�วย่ต�วอิ�กิษร์ และ/หร์#อิ ร์.ปีภาพ โด้ย่อิาจำเช้#$อิมโย่งเฉพาะภาย่ใน เอิกิส่าร์น��น หร์#อิเช้#$อิมโย่งขึ้�ามไปีย่�งเอิกิส่าร์อิ#$นๆ ได้�
ภาษา HTML ม+ต�นแบบมาจำากิภาษา SGML (Standard
Generalized Markup Language) ซึ่�$งเปี,นภาษาทั้+$ใช้�ได้�เฉพาะ กิ�บปีร์ะเภทั้ ขึ้อิงคอิมพ�วเตอิร์� และส่�$งทั้+$ HTML ร์�บมาจำากิ SGML ค#อิ กิาร์ปีร์ะกิาศค'า และ กิาร์กิ"าหนด้ร์.ปีแบบเอิกิส่าร์ (Document Type Definition --DTD)
ส่�$งทั้+$ทั้"าให� ภาษา HTML ได้�ร์�บความน�ย่มอิย่'างมากิ และร์วด้เร์�ว กิ�ค#อิ HTML ร์วมถู�ง โปีร์โตคอิล HTTP (HyperText Transfer
Protocol) เปี,นภาษาทั้+$ใช้�ส่#$อิส่าร์กิ�นได้�ทั้�$วโลกิ โด้ย่ทั้+$ต�วภาษาและโปีร์โตคอิล ไม'ขึ้��นกิ�บ ร์ะบบเคร์#อิขึ้'าย่ และปีร์ะเภทั้ขึ้อิงคอิมพ�วเตอิร์� (Platform) ซึ่�$งม+ความหลากิหลาย่ อิ�นเน#$อิงมาจำากิเทั้คโนโลย่+และปีร์ะเภทั้กิาร์ใช้�งาน เปี,นผู้ลให�เอิกิส่าร์ทั้+$เขึ้+ย่นโด้ย่ HTML ส่ามาร์ถูถู'าย่โอิน ได้�อิย่'างกิว�างขึ้วาง ทั้��งในร์.ปีแบบขึ้อิง ต�วอิ�กิษร์ ภาพ และเส่+ย่ง
HTML เวัอร�ชั�นติ�างๆHTML เวอิร์�ช้�นแร์กิๆ ย่�งไม'ส่มบ.ร์ณ�ด้+น�กิ จำนกิร์ะทั้�$งในปี�
1994 HTML 2.0 จำ�งได้�ร์�บกิาร์ย่อิมร์�บเปี,นมาตร์ฐานทั้+$ส่มบ.ร์ณ� แต'อิย่'างไร์กิ�ด้+ Netscape และ Microsoft ต'างกิ�เพ�$มค"าส่�$งใหม'ๆ ลงในโปีร์แกิร์มขึ้อิงตนเอิง เพ#$อิให�ผู้.�ให�อิอิกิแบบเพจำส่ามาร์ถูใช้�ฟิ4งกิ�ช้�นอิ#$น นอิกิเหน#อิไปีจำากิ HTML 2.0
3
ต'อิมา W3C ได้�พ�ฒนามาตร์ฐาน HTML 3.0 ขึ้��นมา แต'ปีร์ากิฏิว'ามาตร์ฐานใหม'น+� ไม'เปี,นทั้+$ย่อิมร์�บขึ้อิง Netscape,Microsoft และบร์�ษ�ทั้อิ#$นๆ โด้ย่แต'ละบร์�ษ�ทั้ต'างกิ�พย่าย่ามให�มาตร์ฐานใหม'ม+ฟิ4งกิ�ช้�นทั้+$ตนเอิงต�อิงกิาร์ จำนในทั้+$ส่1ด้ W3C จำ�งต�อิงกิล�บไปีแกิ�ไขึ้ใหม' และกิ�ค#อิ HTML 3.2
HTML 3.2 และ HTML 4.0
HTML 3.2 เปี,นมาตร์ฐานในปี4จำจำ1บ�นขึ้อิง W3C โปีร์แกิร์มเร์าเซึ่อิร์�เกิ#อิบทั้��งหมด้ได้�ร์�บกิาร์พ�ฒนาให�ส่ามาร์ถูทั้"างานตามค"าส่�$งทั้+$กิ"าหนด้ในมาตร์ฐานขึ้อิง HTML 3.2 น+� HTML 3.2 เพ�$งจำะได้�ร์�บกิาร์ย่อิมร์�บเปี,นมาตร์ฐานเม#$อิ ม.ค.1997 แต'กิร์ะน��นกิ�ด้+ย่�งม+ขึ้+ด้จำ"ากิ�ด้บางปีร์ะกิาร์ทั้+$น�กิอิอิกิแบบเพจำต�อิงกิาร์ทั้+$จำะให� HTML 3.2 ม+ความส่ามาร์ถูเพ�$มมากิขึ้��น น�กิอิอิกิแบบจำ"านวนมากิน�ย่มใช้�ค"าส่�$งใหม'ๆ ทั้+$ย่�งไม'ถู#อิว'าเปี,นมาตร์ฐาน ทั้��งๆทั้+$ร์. �ว'า กิาร์ทั้"าเช้'นน+� จำะทั้"าให�ต�อิงเส่+ย่เวลาในกิาร์เปีล+$ย่น เบร์าเซึ่อิร์�ใช้�หลาย่ๆต�ว แต'กิ�เปี,นกิาร์ทั้�าทั้าย่ความส่ามาร์ถูขึ้อิงน�กิอิอิกิแบบ ความต�อิงกิาร์ขึ้อิงน�กิอิอิกิแบบทั้+$เพ�$มมากิขึ้��น ทั้"าให�อิงค�กิร์ W3C ตกิลงใจำปีร์ะกิาศใช้� HTML 4.0 ฉบ�บร์'างขึ้��นเม#$อิ 8 กิ.ค.
1997 ทั้1กิๆบร์�ษ�ทั้กิ�พย่าย่ามปีร์�บปีร์1งโปีร์แกิร์มเบร์าเซึ่อิร์�ขึ้อิงตน ให�ส่ามาร์ถูใช้�ค"าส่�$งใหม'ๆ ตามมาตร์ฐาน HTML 4.0 ความส่ามาร์ถูใหม'ทั้+$เพ�$มขึ้��นใน HTML 4.0 จำะช้'วย่ให�ผู้.�อิอิกิแบบเพจำ ส่ามาร์ถูควบค1มร์.ปีแบบเอิกิส่าร์ และร์.ปีภาพได้�ด้+ขึ้��น แต'ทั้��งน+�โปีร์แกิร์มเบร์าเซึ่อิร์�น��นจำะต�อิงส่น�บส่น1นฟิ4งกิ�ช้�นขึ้อิง HTML 4.0 ด้�วย่ ค1ณส่มบ�ต�บางปีร์ะกิาร์ขึ้อิง HTML 4.0 ได้�ม+กิาร์น"าไปีใช้�ใน Netscape และ Microsoft กิ'อินทั้+$จำะม+กิาร์พ�ฒนา HTML 4.0
เส่+ย่อิ+กิ หล�งจำากิน��นจำ�งเพ�$มความส่ามาร์ถูน+�ลงในมาตร์ฐาน HTML
4.0 แต'กิ�ม+ค1ณส่มบ�ต�บางปีร์ะกิาร์ขึ้อิง HTML 4.0 ทั้+$ไม'เคย่ม+อิย่.'ในเบร์าเซึ่อิร์�ใด้ๆ มากิ'อินเลย่กิ�ค#อิ ความส่ามาร์ถูในกิาร์จำ�ด้กิาร์กิ�บ Object Model (ฟิ4งกิ�ช้�นย่อิด้น�ย่มขึ้อิงโปีร์แกิร์มเมอิร์�)
4
โด้ย่ HTML 4.0 ถู.กิแบ'งอิอิกิเปี,น 3 ปีร์ะเภทั้ได้�แกิ'
แบบเคร�งคร�ด (Strict HTML 4.0)
เปี,นเอิกิส่าร์ Hypertext ทั้+$เขึ้+ย่นด้�วย่ภาษา HTML 4.0 ตามมาตร์ฐานอิย่'างเคร์'งคร์�ด้ tag ใด้ทั้+$คณะกิร์ร์มกิาร์ช้1ด้น+� น�ย่ามว'า ล�าส่ม�ย่ (Deprecate) หร์#อิ ให�เล�กิใช้� (Obsolete) กิ�จำะไม'ใช้�ค"าส่�$งน��นในกิาร์เขึ้+ย่นเอิกิส่าร์ ซึ่�$งในความเปี,น จำร์�งขึ้ณะน+� ย่�งคงไม'ม+ โปีร์แกิร์ม browser ใด้ ส่น�บส่น1นภาษา HTML 4.0 อิย่'างเคร์'งคร์�ด้ แต'คาด้ว'าในอินาคต อิ�นใกิล� น'าจำะม+ความเปี,นไปีได้�
แบบค�อยเป�นไป (Transitional/ Loose HTML 4.0)
เปี,นเอิกิส่าร์ทั้+$ส่ร์�างด้�วย่ภาษา HTML 4.0 โด้ย่ใช้�ร์'วมกิ�บค"าส่�$งใน HTML เวอิร์�ช้�น 3.2 เพ#$อิให� เอิกิส่าร์ทั้+$ส่ร์�างขึ้��นม+ร์.ปีแบบ และใช้�งานได้�ตามจำร์�ง แม�ว'าจำะใช้�โปีร์แกิร์ม browser ร์ะบบเคร์#อิขึ้'าย่ และปีร์ะเภทั้ คอิมพ�วเตอิร์�ทั้+$หลากิหลาย่กิ�ตาม และแน'นอินว'า ในบทั้ความน+� เอิกิส่าร์ทั้+$เร์าส่ร์�างขึ้��นจำะถู.กิจำ�ด้ให�อิย่.'ในเปี,นปีร์ะเภทั้น+�
แบบ Frameset (Frameset HTML 4.0)
เปี,นเอิกิส่าร์ทั้+$ร์วมเอิาปีร์ะเภทั้ Transitional เขึ้�ากิ�บ tag ปีร์ะเภทั้ frame (ได้�แกิ' FRAME, FRAMESET, NOFRAMES และ IFRAME) ซึ่�$งเปี,น tag ใหม'เพ�$งจำะม+ในเวอิร์�ช้�น 4.0 น+�
เคร��องม�อ
กิาร์ส่ร์�างไฟิล�เอิช้ทั้+เอิ�มแอิลส่ามาร์ถูทั้"าได้�โด้ย่ใช้�โปีร์แกิร์มโน�ตแพด้ (Notepad) ซึ่�$งเปี,นโปีร์แกิร์มพ�มพ�ปีร์ะจำ"าบนไมโคร์ซึ่อิฟิต�ว�นโด้ว�ทั้1กิเวอิร์�ช้�$น ส่"าหร์�บโปีร์แกิร์มพ�มพ�ปีร์ะจำ"าบนไมโคร์ซึ่อิฟิต�ว�นโด้วส่� 95 (Windows 95) นอิกิจำากิโปีร์แกิร์มโน�ตแพด้ย่�ง
5
ส่ามาร์ถูใช้�โปีร์แกิร์มเว�ร์�ด้แพด้ (Wordpad) ได้�ด้�วย่ กิาร์พ�มพ�ค"าส่�$งภาษาเอิช้ทั้+เอิ�มแอิล โด้ย่โปีร์แกิร์มด้�งกิล'าวเปี,นกิาร์พ�มพ�โด้ย่ปีกิต�ธร์ร์มด้าไม'ม+เคร์#$อิงม#อิช้'วย่ส่ร์�างค"าส่�$ง ด้�งน��น กิาร์เขึ้+ย่นไฟิล�เอิช้ทั้+เอิ�มแอิลโด้ย่โปีร์แกิร์มพ�มพ�ด้�งกิล'าวอิาจำทั้"าให�เส่+ย่เวลามากิกิว'ากิาร์เขึ้+ย่นโด้ย่โปีร์แกิร์มพ�มพ�เอิช้ทั้+เอิ�มแอิลอิ#$นๆ โด้ย่เฉพาะ ปี4จำจำ1บ�นม+โปีร์แกิร์มพ�มพ�เอิช้ทั้+เอิ�มแอิลหลาย่โปีร์แกิร์มด้�วย่กิ�นซึ่�$งม+ช้#$อิทั้�$วไปีว'า โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิลเอิด้�เตอิร์� (HTML editor) หร์#อิโปีร์แกิร์มไฮเปีอิร์�เอิด้�เตอิร์� (hyper editor) โปีร์แกิร์มพ�มพ�ด้�งกิล'าวเปี,นโปีร์แกิร์มอิ"านวย่ความส่ะด้วกิในกิาร์ส่ร์�างไฟิล�เอิช้ทั้+เอิ�มแอิลได้�ในร์ะด้�บหน�$ง โปีร์แกิร์มเหล'าน+�ได้�แกิ' โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต� (HTML – Assistant) โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-เอิ�ด้ (HTML
Ed) โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-ไฮเปีอิร์�อิ+ด้�ต (HTML-Hyper Edit)
และโปีร์แกิร์มเด้อิะฮอิตเมตทั้อิล เอิด้�เตอิร์� – (The HoTMetal
editor) โปีร์แกิร์มฮอิตด้�อิกิ (HoTDog) และโปีร์แกิร์มเน�ตส่เปีค-
เนว�เกิเตอิร์� โกิลด้� – 2.02 เอิด้�เตอิร์� (Netscape’s Navigator
Gold 2.02 Editor) เปี,นต�น โปีร์แกิร์มพ�มพ�เหล'าน+�ทั้"างานภาย่ใต�ร์ะบบว�นโด้วส่� อิย่'างไร์กิ�ตาม โปีร์แกิร์มพ�มพ�เอิช้ทั้+เอิ�มแอิลด้�งกิล'าวต�อิงทั้"างานร์'วมกิ�บโปีร์แกิร์มเว�ลด้�ไวด้�เว�บเบร์าเซึ่อิร์�เส่มอิ ด้�งน��น ผู้.�ใช้�คอิมพ�วเตอิร์�จำ�งต�อิงม+โปีร์แกิร์มเว�ลด้�ไวด้�เว�บเบร์าเซึ่อิร์�อิย่'างใด้อิย่'างหน�$งไว�ส่"าหร์�บแส่ด้งผู้ลล�พธ�
โปรแกรมเอชัที!เอ"มแอล แอสซิ�สแตินติ� – (HTML-Assistant) โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต�เขึ้+ย่นโด้ย่ เอิช้ ฮาร์าว�ตซึ่� (H. Harawitz) เปี,นโปีร์แกิร์มพ�มพ�ภาษาเอิช้ทั้+เอิ�มแอิลทั้+$ได้�ร์�บความน�ย่มมากิโปีร์แกิร์มหน�$ง โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิลซึ่�ส่แตนต�ทั้"างานร์'วมกิ�บโปีร์แกิร์มเว�ลด้�ไวด้�เว�บเบร์าเซึ่อิร์�ได้�หลาย่โปีร์แกิร์มอิ�นได้�แกิ' โปีร์แกิร์มเซึ่ลโล โปีร์แกิร์มโมเซึ่อิ�ค และโปีร์แกิร์มเน�ตส่เคปี กิาร์กิ"าหนด้ได้เร์กิทั้อิร์+ขึ้อิงไฟิล�เอิช้ทั้+เอิ�มแอิลทั้+$เขึ้+ย่นโด้ย่โปีร์แกิร์มเอิ
6
ช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต�ต�อิงร์ะบ1ได้เร์กิทั้อิร์+ให�ตร์งกิ�บโปีร์แกิร์มเว�ลด้�ไวด้�เว�บเบร์าเซึ่อิร์� และกิาร์แส่ด้งผู้ลล�พธ�ขึ้อิงไฟิล�เอิช้ทั้+เอิ�มแอิลทั้+$ได้�ร์�บกิาร์แกิ�ไขึ้ ทั้"าได้�โด้ย่กิด้ปี1@มค"าส่�$ง ร์+โหลด้ “ ” (reload) บนโปีร์แกิร์มเว�ลด้�ไวด้�เว�บเบร์าเซึ่อิร์�ทั้1กิคร์��ง อิย่'างไร์กิ�ตาม โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล แอิส่ซึ่�ส่-แตนต� ส่ามาร์ถูทั้"างานร์'วมกิ�บโปีร์แกิร์มเซึ่ลโลภาย่ใต�กิาร์เช้#$อิมโย่งแบบด้+ด้+แอิล (DDL : Dynamic Data
Exchange) ทั้"าให�โปีร์แกิร์มเซึ่ลโลส่ามาร์ถูแส่ด้งผู้ลล�พธ�ซึ่�$งส่อิด้คล�อิงกิ�บขึ้�อิม.ลทั้+$ได้�ร์�บกิาร์แกิ�ไขึ้โด้ย่ไม'จำ"าเปี,นต�อิงกิด้ปี1@มร์+โหมด้ กิล'าวค#อิ กิาร์แส่ด้งผู้ลล�พธ�บนโปีร์แกิร์มเซึ่ลโลขึ้��นกิ�บกิาร์แกิ�ไขึ้ขึ้�อิม.ลบนโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต�โด้ย่ตร์ง กิาร์เขึ้�าส่.'โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-เอิส่ซึ่�ส่แตนต� ทั้"าได้�โด้ย่กิาร์คล�กิเมาส่�ไปีทั้+$ไอิคอินร์.ปีด้�นส่อิ ทั้"าให�ปีร์ากิฏิภาพโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต�ซึ่�$งปีร์ะกิอิบด้�วย่เมน.และทั้.ลบาร์� (tool bar)
ส่"าหร์�บต�วอิย่'างกิาร์พ�มพ�ไฟิล�เอิช้ทั้+เอิ�มแอิลบนโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต� และผู้ลล�พธ�บนโปีร์แกิร์มเซึ่ลโล
โปรแกรมเอชัที!เอ"มแอล�-เอ"ด (HTML Ed)
โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-เอิ�ด้ เขึ้+ย่นโด้ย่ ปี�เตอิร์� กิร์อิว�ช้อิว� (Peter Crawshaw) เปี,นโปีร์แกิร์มอิ"านวย่ความส่ะด้วกิทั้+$คล�าย่คล�งกิ�บโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต� ขึ้�อิด้+ขึ้อิงโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-เอิ�ด้ค#อิให�ความส่ะด้วกิในกิาร์พ�มพ�อิ�กิขึ้ร์ะกิล1'ม หร์#อิ�กิษร์ต'างปีร์ะเทั้ศทั้+$ไม'ใช้'ภาษาอิ�งกิฤษ ซึ่�$งน�บว'าด้+กิว'าโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต� โด้ย่ทั้+$โปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-เอิ�ด้ กิ"าหนด้อิ�กิษร์ต'างปีร์ะเทั้ศไว�บนทั้.ลบาร์� ขึ้�อิด้�อิย่ขึ้อิงโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-
เอิ�ด้ ค#อิไม'ส่ามาร์ถูเช้#$อิมโย่งแบบด้+ด้+แอิลกิ�บโปีร์แกิร์มเซึ่ลโลได้�เช้'นเด้+ย่วกิ�บโปีร์แกิร์มเอิช้ทั้+เอิ�มแอิล-แอิส่ซึ่�ส่แตนต�
โปรแกรมฮอติเมติทีอล (HoTMetL)
โปีร์แกิร์มฮอิตเมตทั้อิลเปี,นโปีร์แกิร์มช้'วย่ในกิาร์พ�มพ�เอิกิส่าร์เอิช้ทั้+เอิ�มแอิล โปีร์แกิร์มฮอิตเมตทั้อิลเปี,นขึ้อิงบร์�ษ�ทั้ ซึ่อิฟิทั้�ควอิด้
7
จำ"ากิ�ด้ จำ1ด้เด้'นขึ้อิงโปีร์แกิร์มฮอิตเมตทั้อิลค#อิ เน�นค"าส่�$งร์.ปีแบบภาพเพ#$อิให�ง'าย่ต'อิความเขึ้�าใจำ
โปรแกรมฮอติด"อก (HoTDog)
โปีร์แกิร์มฮอิตด้�อิกิเปี,นโปีร์แกิร์มช้'วย่ในกิาร์พ�มพ�เอิกิส่าร์เอิช้ทั้+เอิ�มแอิลทั้+$ได้�ร์�บความน�ย่มส่.งส่1ด้โปีร์แกิร์มหน�$ง โปีร์แกิร์มฮอิตด้�อิกิเปี,นขึ้อิงบร์�ษ�ทั้ ซึ่อิส่เส่จำ จำ"ากิ�ด้ ปีร์ะเทั้ศอิอิส่เตร์เล+ย่ จำ1ด้เด้'นขึ้อิงโปีร์แกิร์มฮอิตด้�อิกิค#อิ เปี,นโปีร์แกิร์มทั้+$ใช้�ง'าย่
โปรแกรมเน"ติสเคป-เนวั�เกเติอร�-โกลด� เอด�เติอร� (Netscape’s Navicator Gold Editor)
โปีร์แกิร์มเน�ตส่เคปี-เนว�เกิเตอิร์�-โกิลด้� เอิด้�เตอิร์� เปี,นโปีร์แกิร์มช้'วย่ในกิาร์พ�มพ�เอิกิส่าร์เอิช้ทั้+เอิ�มแอิลแบบโด้ย่ตร์งจำากิจำอิภาพขึ้อิงโปีร์แกิร์ม ซึ่�$งเปี,นไปีตามน�ย่ามขึ้อิงค"าว'า ส่�$งทั้+$ค1ณเห�นค#อิส่�$งทั้+$ค1ณได้�“
ร์�บ หร์#อิมาจำากิน�ย่ามภาษาอิ�งกิฤษทั้+$ว'า ” WYSIWYG (What You
See Is What You Get) โปีร์แกิร์มเน�ตส่เคปี-เนว�เกิเตอิร์�-โกิลด้� เอิด้�เตอิร์� เปี,นขึ้อิงบร์�ษ�ทั้ เน�ตส่เคปี คอิมม.น�เคช้�น จำ"ากิ�ด้ จำ1ด้เด้'นขึ้อิงโปีร์แกิร์มเน�ตส่เคปี-เนว�เกิเตอิร์�-โกิลด้� เอิด้�เตอิร์� ค#อิ เปี,นโปีร์แกิร์มทั้+$แส่ด้งภาพได้�เอิงเน#$อิงจำากิต�วม�นเอิงเปี,นโปีร์แกิร์มเว�ลด้�ไวด้�เว�บเบร์าเซึ่อิร์� ด้�งน��นกิาร์แกิ�ไขึ้ขึ้�อิม.ลจำ�งทั้"าได้�ส่ะด้วกิ
โปรแกรมฟรอนติ�เพจ (Front Page)
โปีร์แกิร์มฟิร์อินต�เพจำเปี,นโปีร์แกิร์มช้'วย่ในกิาร์พ�มพ�เอิกิส่าร์เอิช้ทั้+เอิ�มแอิลแบบโด้ย่ตร์งจำากิจำอิภาพกิาร์แกิ�ไขึ้ส่ามาร์ถูแส่ด้งผู้ลบนจำอิภาพขึ้อิงโปีร์แกิร์ม โปีร์แกิร์มฟิร์อินต�เพจำเปี,นขึ้อิงบร์�ษ�ทั้ ไมโคร์ซึ่อิฟิต� จำ"ากิ�ด้ จำ1ด้เด้'นขึ้อิงโปีร์แกิร์มฟิร์อินต�เพจำค#อิ เปี,นโปีร์แกิร์มพ�มพ�และแกิ�ไขึ้ขึ้�อิม.ลทั้+$เช้#$อิมโย่งกิ�บเว�บเซึ่�ร์�ฟิเวอิร์�เพ#$อิส่ะด้วกิต'อิกิาร์ตร์วจำส่อิบโอิมเพจำทั้+$มาจำากิไฟิล�เอิกิส่าร์เอิช้ทั้+เอิ�มแอิล
โปรแกรมแบ"กสเติจ-ด!ไซิเนอร� (Backstage Designer)
โปีร์แกิร์มแบ�กิส่เตจำ-ด้+ไซึ่เนอิร์�เปี,นขึ้อิงบร์�ษ�ทั้ แมคโคร์ม+เด้+ย่ เปี,นโปีร์แกิร์มพ�มพ�และแกิ�ไขึ้ไฟิล�เอิกิส่าร์เอิช้ทั้+เอิ�มแอิลแบบโด้ย่ตร์ง
8
จำากิ ส่�$งทั้+$ค1ณเห�นค#อิส่�$งทั้+$ค1ณได้�ร์�บ เช้'นเด้+ย่วกิ�บโปีร์แกิร์มฟิร์อินต�“ ”
เพจำ โปีร์แกิร์มเน�ตส่เคปี-เนว�เกิเตอิร์�-โกิลด้� เอิด้�เตอิร์� จำ1ด้เด้'นขึ้อิงโปีร์แกิร์มแบ�กิส่เตจำ-ด้+ไซึ่เนอิร์� ค#อิ ส่ามาร์ถูแทั้ร์กิงานปีร์ะย่1กิต�ขึ้อิงโปีร์แกิร์มแอิกิทั้+ฟิ-เอิ�กิซึ่� (Active-X) ขึ้อิงบร์�ษ�ทั้ไมโคร์ซึ่อิฟิต� จำาวาแอิปีเพล�ตขึ้อิงบร์�ษ�ทั้ซึ่�นไมโคร์ซึ่�ส่เต�ม และงานปีร์ะย่1กิต�เน�ตส่เคปีปีล�Bกิอิ�น (Netscape Plug-In) ขึ้อิงบร์�ษ�ทั้ เน�ตส่เคปี เพ#$อิแส่ด้งงานปีร์ะย่1กิต�แบบม�ลต�ม+เด้+ย่
9