ทุกวันนี้โปรแกรมเมอร์เว็บคนใดสามารถตอบคำถามได้อย่างมั่นใจ: HTML - ส่วนขยายนี้คืออะไร? แต่ไม่ใช่ทุกคนที่เป็นโปรแกรมเมอร์เว็บ แน่นอนว่ายังมีคนที่ยังไม่พร้อมที่จะให้คำตอบที่ถูกต้องสำหรับคำถามดังกล่าว ดังนั้นเรามาดูแนวคิดที่เกี่ยวข้องกับเรื่องนี้ตั้งแต่ต้นกันดีกว่า

HTML - มันคืออะไร?

HTML (Hypertext Markup Language) เป็นภาษากลางสำหรับการมาร์กอัปเอกสารทางอินเทอร์เน็ต (ไม่ใช่ภาษาเขียนโปรแกรม!) หน้าเว็บเกือบทั้งหมดถูกสร้างขึ้นโดยใช้มัน อย่างหลังแตกต่างจากเอกสารทั่วไปที่มีข้อความและองค์ประกอบอื่น ๆ (รูปภาพ ตาราง) โดยมีคำอธิบายพิเศษ (แท็ก) ที่จำเป็นสำหรับข้อความที่จะเข้าใจโดยเบราว์เซอร์ใด ๆ ส่วนขยาย HTML (หรือ HTM) เป็นสัญญาณว่าไฟล์นั้นอยู่ในหมวดหมู่ของเอกสารเว็บ

แท็ก HTML เป็นคำสั่งพิเศษที่มีข้อมูลเกี่ยวกับโครงสร้างและการจัดรูปแบบของหน้าเว็บ แต่ละแท็กจะรวมอยู่ในข้อความภายในวงเล็บมุม<>. แท็กเกือบทั้งหมดจับคู่กันและมีส่วนเปิดและปิด ซึ่งส่งผลต่อข้อความที่แทรกภายในส่วนเหล่านี้

สามารถดูตัวอย่างการใช้แท็ก HTML ได้โดยการเปิดหน้าเว็บใดๆ ในมุมมองแท็ก ในการดำเนินการนี้ในเมนูเบราว์เซอร์คุณต้องเลือกรายการ "ดู" - "เป็น HTML" สำหรับเบราว์เซอร์บางรุ่น ปุ่มลัดยังใช้งานได้: Ctrl + U เมื่อกดในแท็บเบราว์เซอร์แยกต่างหาก หน้าเดียวกันจะเปิดในโหมดที่ให้คุณเห็นรหัส HTML

จากประวัติความเป็นมาของมาตรฐานภาษามาร์กอัป

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

ก่อนปี 1990 แทบไม่มีใครในโลกนี้ที่จะตอบคำถามนี้ได้อย่างถูกต้อง: HTML - คืออะไร เอกสารสำหรับภาษานี้เผยแพร่ครั้งแรกในปี 1991 ผู้เขียน Tim Berners-Lee นักฟิสิกส์ คิดค้นเครื่องมือนี้ขึ้นเพื่อเป็นเครื่องมือที่ช่วยให้คุณสามารถเปลี่ยนชุดอักขระที่ส่งผ่านเครือข่ายให้เป็นส่วนหัว ลิงก์ และย่อหน้าได้ ในไม่ช้ามันก็กลายเป็นภาษามาตรฐานสำหรับการมาร์กอัปเอกสารบนอินเทอร์เน็ต

ในการพัฒนานั้นได้เปลี่ยนจากรุ่นเริ่มแรกไปเป็น HTML 5 และปรับปรุงอย่างต่อเนื่อง ภาษานี้มีคำอธิบายสำหรับทั้งโครงสร้างและการจัดรูปแบบ ต่อมาได้นำเทคโนโลยี CSS มาตรฐานมาใช้ ซึ่งเกี่ยวข้องกับการแยกคำอธิบายการจัดรูปแบบออกเป็นไฟล์ CSS แยกต่างหาก โดยปล่อยให้คำอธิบายของโครงสร้างเอกสารสำหรับแท็ก HTML ด้วยเหตุนี้ จึงไม่ได้ใช้คำอธิบายบางส่วนอีกต่อไป

โครงสร้างเอกสาร HTML

มีการควบคุมอย่างชัดเจนและต้องมีแท็กบังคับหลายแท็ก ซึ่งรวมถึง:

• แท็ก- ประเภทของเอกสารและลักษณะของเอกสาร
• แท็ก - ระบุขอบเขตเริ่มต้นและสิ้นสุดของเอกสาร
• แท็ก - จำกัดส่วนบริการของเอกสารซึ่งประกอบด้วยคำแนะนำสำหรับเบราว์เซอร์ โรบ็อตการค้นหา รวมถึงลิงก์ไปยังไฟล์และสคริปต์
• แท็ก - เพื่อป้อนคำแนะนำไปยังเบราว์เซอร์และโรบ็อตการค้นหา
• แท็ก - ตั้งชื่อหลักของเอกสาร โดยจะปรากฏเฉพาะในแท็บด้านบนของหน้าต่างเบราว์เซอร์เท่านั้น
• แท็ก - จำกัดส่วนที่มองเห็นได้ของเอกสาร

แท็กที่เป็นประโยชน์ที่ควรทราบ

ฟังก์ชันของแท็กที่ใช้กันทั่วไปควรเป็นที่เข้าใจได้สำหรับผู้เขียนคำโฆษณา การเพิ่มลงในข้อความสามารถทำได้ในโปรแกรมแก้ไขข้อความ สามารถใช้เมื่อจัดรูปแบบข้อความโดยไม่ต้องใช้โปรแกรมแก้ไขพิเศษ โดยทั่วไปจะใช้รหัส HTML ต่อไปนี้:

• - เพื่อเน้นย่อหน้า
• 
  ข้อความ
  - เพื่อตัดข้อความไปบรรทัดถัดไป
• เน้นเป็นตัวหนา - เพื่อเน้นด้วยตัวหนา
• ในคำ- เพื่อเน้นข้อความเป็นคำ
• สมอ - เพื่อแทรกจุดยึดใดๆ - คำหรือวัตถุที่เริ่มต้นการเปลี่ยนไปยังลิงก์ที่ระบุในแท็ก แทนที่จะใช้คำว่า "anchor" ให้เขียน "HERE" หรือป้อนคำ วลี หรือวัตถุอื่นใด แทนที่จะใส่คำว่า "ลิงก์" ให้ใส่ที่อยู่อินเทอร์เน็ตที่ลิงก์นำไป

• หัวเรื่อง

  - เพื่อเน้นส่วนหัวระดับแรก

• คำบรรยาย

  - เช่นเดียวกับส่วนหัวระดับที่ 2 เป็นต้น จนถึงระดับที่หก

วิธีสร้างไฟล์ HTML ในโปรแกรมแก้ไขทั่วไป

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

บรรณาธิการ HTML

ผู้เชี่ยวชาญเกือบทั้งหมดใช้โปรแกรมแก้ไข HTML พิเศษ ที่ได้รับความนิยมมากที่สุดคือ Macromedia HomeSite และ Dreamweaver MX ช่วยให้คุณสามารถป้อนแท็กจำนวนมากได้โดยอัตโนมัติ เน้นองค์ประกอบข้อความและรหัสบริการ และดูผลลัพธ์ในหน้าต่างพิเศษได้ทันที แต่โปรแกรมเหล่านี้ได้รับค่าตอบแทน

สำหรับผู้เริ่มต้น จะเป็นการดีกว่าถ้าทดสอบทักษะของคุณโดยใช้โปรแกรมแก้ไขที่แจกจ่ายอย่างอิสระก่อน ที่ได้รับความนิยมมากที่สุด ได้แก่ Notepad++, Komodo Edit, Aptana, Alaborn iStyle และ KompoZer แต่ละโปรแกรมเหล่านี้มีข้อดีของตัวเอง ทำให้ผู้ใช้มีฟังก์ชันการทำงานไม่มากก็น้อย และมีอินเทอร์เฟซของตัวเอง ในการเลือกอันที่เหมาะกับคุณคุณต้องลองทำงานในแต่ละอัน นี่เป็นเรื่องง่ายที่จะทำเพราะคุณไม่จำเป็นต้องจ่ายเงินเพื่อลอง

นอกจากโปรแกรมแก้ไขเหล่านี้แล้ว ยังมีเครื่องมือออกแบบภาพ (เช่น HoTMetal Pro) เมื่อสร้างหน้าเว็บ ไม่จำเป็นต้องป้อนคำอธิบาย HTML ด้วยตนเองโดยสิ้นเชิง อย่างไรก็ตาม โปรแกรมดังกล่าวสร้างโค้ดที่ซ้ำซ้อนมากเกินไป ซึ่งมีจำนวนเกินขนาดขั้นต่ำที่กำหนดอย่างมาก นอกจากนี้ มักจำเป็นต้องแก้ไขโค้ดด้วยตนเองเพื่อให้ได้คุณภาพที่ต้องการ

เราหวังว่าการทำความคุ้นเคยกับเนื้อหาในบทความนี้จะช่วยให้แม้แต่ผู้ใช้มือใหม่ก็ไม่มีข้อสงสัยเกี่ยวกับคำตอบสำหรับคำถาม: HTML - มันคืออะไร?

HTML (จากภาษามาร์กอัปไฮเปอร์เท็กซ์ภาษาอังกฤษ - "ภาษามาร์กอัปไฮเปอร์เท็กซ์") เป็นภาษามาร์กอัปมาตรฐานสำหรับเอกสารบนเวิลด์ไวด์เว็บ หน้าเว็บทั้งหมดถูกสร้างขึ้นโดยใช้ HTML (หรือ XHTML) HTML ถูกตีความโดยเบราว์เซอร์และแสดงเป็นเอกสารที่มนุษย์สามารถอ่านได้

HTML เป็นแอปพลิเคชันของ SGML (Standard Generalized Markup Language) และสอดคล้องกับมาตรฐานสากล ISO 8879

ภาษา HTML ได้รับการพัฒนาโดยนักวิทยาศาสตร์ชาวอังกฤษ Tim Berners-Lee ประมาณปี 1991-1992 ที่สภาวิจัยนิวเคลียร์แห่งยุโรปในกรุงเจนีวา (สวิตเซอร์แลนด์) HTML ถูกสร้างขึ้นเป็นภาษาสำหรับการแลกเปลี่ยนเอกสารทางวิทยาศาสตร์และทางเทคนิค เหมาะสำหรับผู้ที่ไม่ใช่ผู้เชี่ยวชาญในด้านการจัดวาง HTML จัดการกับความซับซ้อนของ SGML ได้สำเร็จด้วยการกำหนดชุดองค์ประกอบโครงสร้างและความหมายชุดเล็กๆ (ทำเครื่องหมายด้วย "แท็ก") ที่ใช้สร้างเอกสารที่ค่อนข้างเรียบง่าย แต่มีรูปแบบสวยงาม นอกเหนือจากการทำให้โครงสร้างเอกสารง่ายขึ้นแล้ว ยังมีการเพิ่มการรองรับไฮเปอร์เท็กซ์ใน HTML ความสามารถด้านมัลติมีเดียถูกเพิ่มเข้ามาในภายหลัง ในขั้นต้น ภาษา HTML ได้รับการคิดและสร้างขึ้นเพื่อใช้เป็นวิธีการจัดโครงสร้างและการจัดรูปแบบเอกสารโดยไม่ต้องเชื่อมโยงกับเครื่องมือการทำซ้ำ (การแสดงผล) ตามหลักการแล้ว ข้อความที่มีมาร์กอัป HTML ควรได้รับการทำซ้ำโดยไม่มีการบิดเบือนรูปแบบและโครงสร้างบนอุปกรณ์ที่มีอุปกรณ์ทางเทคนิคที่แตกต่างกัน (หน้าจอสีของคอมพิวเตอร์สมัยใหม่ หน้าจอขาวดำของผู้จัดงาน หน้าจอขนาดจำกัดของโทรศัพท์มือถือหรืออุปกรณ์ และโปรแกรมสำหรับเสียง การเล่นข้อความ) อย่างไรก็ตาม การใช้ HTML สมัยใหม่ยังห่างไกลจากจุดประสงค์เดิมมาก ตัวอย่างเช่น แท็กที่ใช้หลายครั้งเพื่อจัดรูปแบบหน้าที่คุณกำลังอ่านอยู่ในขณะนี้ มีวัตถุประสงค์เพื่อสร้างตารางที่ธรรมดาที่สุดในเอกสาร แต่อย่างที่คุณเห็น ไม่มีตารางเดียวที่นี่ เมื่อเวลาผ่านไป แนวคิดหลักของความเป็นอิสระของแพลตฟอร์มของภาษา HTML ได้รับการเสียสละเพื่อความต้องการสมัยใหม่ในการออกแบบมัลติมีเดียและกราฟิก

[แก้ไข]
เบราว์เซอร์

เอกสารข้อความที่มีโค้ด HTML (เอกสารดังกล่าวโดยปกติจะมีนามสกุล “html” หรือ “htm”) ได้รับการประมวลผลโดยแอปพลิเคชันพิเศษที่แสดงเอกสารในรูปแบบที่จัดรูปแบบแล้ว แอปพลิเคชันดังกล่าว ซึ่งเรียกว่าเบราว์เซอร์หรืออินเทอร์เน็ตเบราว์เซอร์ มักจะมีอินเทอร์เฟซที่สะดวกสำหรับผู้ใช้ในการร้องขอหน้าเว็บ ดูหน้าเว็บ (และแสดงบนอุปกรณ์ภายนอกอื่นๆ) และส่งข้อมูลผู้ใช้ไปยังเซิร์ฟเวอร์หากจำเป็น เบราว์เซอร์ที่ได้รับความนิยมมากที่สุดในปัจจุบัน ได้แก่ Internet Explorer, Firefox, Opera และ Safari

[แก้ไข]
ความเป็นไปได้

ภาษา HTML ช่วยให้คุณสามารถมาร์กอัปข้อความได้ รวมถึงคุณสามารถ:
ทำให้ข้อความเป็นตัวหนา ตัวเอียง หรือขีดเส้นใต้
แทรกอักขระพิเศษ (สัญลักษณ์เครื่องหมายวรรคตอนที่ไม่ใช่ ASCII สัญลักษณ์ทางคณิตศาสตร์ ตัวอักษรกรีกและโกธิค ลูกศร ฯลฯ );
เปลี่ยนแบบอักษร ขนาด สไตล์ สีแบบอักษร
จัดข้อความให้อยู่กึ่งกลาง ซ้าย/ขวา ชิดขอบ
จัดรูปแบบข้อความเป็นไฮเปอร์ลิงก์ไปยังหน้าหรือไฟล์อื่น
วาดตาราง

ต่อมาเมื่อความต้องการการโต้ตอบของหน้าเว็บเกิดขึ้น HTML จึงถูกนำมาใช้
แบบฟอร์มสำหรับผู้ใช้ในการป้อนข้อมูลที่จะประมวลผลในภายหลัง แบบฟอร์มและข้อมูลอื่นๆ สามารถประมวลผลได้โดยใช้โปรแกรมเซิร์ฟเวอร์พิเศษ (เช่น ใน PHP หรือ Perl)
การเปิดไฟล์มัลติมีเดียที่ส่งออกโดยตรงจากเบราว์เซอร์ (เช่น รูปภาพในรูปแบบ JPEG, GIF หรือ PNG, ไฟล์เสียง MIDI เป็นต้น) และแอปพลิเคชันภายนอก "ฝัง" ในหน้าต่างเบราว์เซอร์ (ภาพเคลื่อนไหวแบบ Flash, แอปเพล็ต Java ฯลฯ)

[แก้ไข]
รุ่นต่างๆ
RFC 1866 - HTML 2.0 ได้รับการอนุมัติเป็นมาตรฐานเมื่อวันที่ 22 กันยายน 1995
HTML 3.2 - 14 มกราคม 2539;
HTML 4.0 - 18 ธันวาคม 2540;
HTML 4.01 (การเปลี่ยนแปลงสำคัญกว่าที่เห็นในครั้งแรก) - 24 ธันวาคม 2542
ISO/IEC 15445:2000 (เรียกว่า "ISO HTML" อิงตาม HTML 4.01 Strict) - 15 พฤษภาคม พ.ศ. 2543

ไม่มีข้อกำหนด HTML 1.0 อย่างเป็นทางการ ก่อนปี 1995 มีมาตรฐาน HTML ที่ไม่เป็นทางการมากมาย เพื่อให้เวอร์ชันมาตรฐานแตกต่างจากเวอร์ชันมาตรฐาน จึงได้รับหมายเลขที่สองทันที

เวอร์ชัน 3 ได้รับการเสนอโดย World Wide Web Consortium (W3C) ในเดือนมีนาคม พ.ศ. 2538 และมีคุณสมบัติใหม่มากมาย เช่น การรองรับตาราง การตัดข้อความรอบๆ รูปภาพ และการแสดงสูตรทางคณิตศาสตร์ที่ซับซ้อน แม้ว่ามาตรฐานนี้จะเข้ากันได้กับเวอร์ชันที่สอง แต่การใช้งานก็ยากสำหรับเบราว์เซอร์ในยุคนั้น ไม่เคยเสนอเวอร์ชัน 3.1 อย่างเป็นทางการ และเวอร์ชันถัดไปของมาตรฐาน HTML คือ 3.2 ซึ่งละเว้นนวัตกรรมหลายอย่างจากเวอร์ชัน 3.0 แต่เพิ่มองค์ประกอบที่ไม่ได้มาตรฐานซึ่งสนับสนุนโดยเบราว์เซอร์ Netscape และ Mosaic การรองรับสูตรทางคณิตศาสตร์ได้รับการเผยแพร่โดยมาตรฐานทางเลือก MathML

HTML 4.0 ยังมีองค์ประกอบเฉพาะของเบราว์เซอร์จำนวนมาก แต่ในขณะเดียวกัน ก็มีการทำความสะอาดมาตรฐานบางส่วน องค์ประกอบหลายอย่างถูกทำเครื่องหมายว่าล้าสมัยและเลิกใช้งานแล้ว โดยเฉพาะอย่างยิ่ง องค์ประกอบแบบอักษรที่ใช้ในการเปลี่ยนคุณสมบัติแบบอักษร ได้ถูกทำเครื่องหมายว่าเลิกใช้แล้ว (แนะนำให้ใช้สไตล์ชีต CSS แทน)

[แก้ไข]
อนาคต

World Wide Web Consortium (W3C) กำลังพัฒนาเวอร์ชันที่ห้าของภาษา HTML5 ข้อกำหนดภาษาเวอร์ชันร่างปรากฏบนอินเทอร์เน็ตเมื่อวันที่ 20 พฤศจิกายน พ.ศ. 2550 ในขณะเดียวกัน งานกำลังดำเนินการเพื่อพัฒนา HTML เพิ่มเติมภายใต้ชื่อ XHTML (จาก English Extensible Hypertext Markup Language) แม้ว่า XHTML จะเทียบเคียงได้ในด้านความสามารถกับ HTML แต่ก็มีข้อกำหนดด้านไวยากรณ์ที่เข้มงวดมากกว่า เช่นเดียวกับ HTML XHTML เป็นส่วนย่อยของภาษา SGML แต่ XHTML ต่างจากรุ่นก่อนที่ใช้ XML XHTML 1.0 ได้รับการอนุมัติเป็นคำแนะนำโดย World Wide Web Consortium (W3C) เมื่อวันที่ 26 มกราคม พ.ศ. 2543

ข้อกำหนด XHTML 2.0 ที่วางแผนไว้จะทำลายความเข้ากันได้กับ HTML และ XHTML เวอร์ชันเก่า ซึ่งเป็นสิ่งที่นักพัฒนาเว็บและผู้สร้างเบราว์เซอร์บางรายไม่พอใจ WHATWG (คณะทำงานเทคโนโลยีแอปพลิเคชันเว็บไฮเปอร์เท็กซ์) กำลังพัฒนาข้อกำหนดเฉพาะของแอปพลิเคชันเว็บ 1.0 ซึ่งมักเรียกอย่างไม่เป็นทางการว่า "HTML5" ซึ่งขยาย HTML (แต่ยังมีไวยากรณ์ XML ที่เข้ากันได้กับ XHTML 1.0) เพื่อแสดงความหมายของหน้าทั่วไปต่างๆ ได้ดียิ่งขึ้น เช่น ฟอรัม เว็บไซต์ประมูล เสิร์ชเอ็นจิ้น ร้านค้าออนไลน์ ฯลฯ ซึ่งไม่เหมาะกับโมเดล XHTML 2

[แก้ไข]
โครงสร้างเอกสาร HTML

HTML เป็นภาษามาร์กอัปเอกสารที่ติดแท็ก เอกสารใด ๆ ในภาษา HTML คือชุดขององค์ประกอบและจุดเริ่มต้นและจุดสิ้นสุดของแต่ละองค์ประกอบจะถูกระบุด้วยเครื่องหมายพิเศษ - แท็ก องค์ประกอบสามารถเว้นว่างได้ กล่าวคือ ไม่มีข้อความหรือข้อมูลอื่นๆ (เช่น แท็กฟีดบรรทัด
). ในกรณีนี้ โดยปกติจะไม่ระบุแท็กปิด นอกจากนี้ องค์ประกอบสามารถมีแอตทริบิวต์ที่กำหนดคุณสมบัติบางอย่างได้ (เช่น ขนาดแบบอักษรสำหรับองค์ประกอบแบบอักษร) คุณสมบัติระบุไว้ในแท็กเปิด นี่คือตัวอย่างของส่วนย่อยของเอกสาร HTML:
ข้อความระหว่างสองแท็ก - เปิดและปิด
ที่นี่องค์ประกอบประกอบด้วยแอตทริบิวต์ href
นี่คือตัวอย่างขององค์ประกอบที่ว่างเปล่า:

กรณีที่พิมพ์ชื่อองค์ประกอบและชื่อแอตทริบิวต์ไม่สำคัญใน HTML (ต่างจาก XHTML) องค์ประกอบสามารถซ้อนกันได้ ตัวอย่างเช่น รหัสต่อไปนี้:

ข้อความนี้จะเป็นตัวหนา
และอันนี้ก็เป็นตัวเอียงด้วย

จะให้ผลลัพธ์นี้:
ข้อความนี้จะเป็นตัวหนา และข้อความนี้จะเป็นตัวเอียงด้วย

นอกจากองค์ประกอบแล้ว เอกสาร HTML ยังมีเอนทิตี - "อักขระพิเศษ" อีกด้วย เอนทิตีเริ่มต้นด้วยอักขระและและมีรูปแบบ &name; หรือ NNNN; โดยที่ NNNN คือโค้ดอักขระ Unicode ในรูปแบบทศนิยม

ตัวอย่างเช่น สัญลักษณ์ลิขสิทธิ์ (©) โดยทั่วไปแล้ว เอนทิตีจะใช้เพื่อแสดงอักขระที่ไม่ได้อยู่ในการเข้ารหัสเอกสาร หรือเพื่อแสดงอักขระ “พิเศษ”: & - เครื่องหมายและ (&)< - символа «меньше» (), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

รายการแท็กพื้นฐานและอักขระพิเศษมีอยู่ในบทความองค์ประกอบ HTML หากต้องการดูรายชื่ออักขระพิเศษเพิ่มเติม โปรดดูบทความ Wikipedia: อักขระพิเศษ

เอกสาร HTML ทุกฉบับที่สอดคล้องกับข้อกำหนด HTML บางเวอร์ชันจะต้องขึ้นต้นด้วยบรรทัดประกาศเวอร์ชัน HTML ซึ่งโดยทั่วไปจะมีลักษณะดังนี้:
"www w3 องค์กร;

หากไม่ได้ระบุบรรทัดนี้ จะทำให้เอกสารแสดงอย่างถูกต้องในเบราว์เซอร์ได้ยากขึ้น

[แก้ไข]
ตัวเลือก DOCTYPE สำหรับ HTML 4.01
เข้มงวด: ไม่มีองค์ประกอบที่ทำเครื่องหมายว่า "เลิกใช้แล้ว" หรือ "เลิกใช้แล้ว"
"www w3 องค์กร;
เฉพาะกาล: มีแท็กแบบเดิมเพื่อวัตถุประสงค์ด้านความเข้ากันได้และเพื่อความสะดวกในการโยกย้ายจาก HTML เวอร์ชันเก่า
"www w3 องค์กร;
ด้วยเฟรม (Frameset): คล้ายกับการเปลี่ยนผ่าน แต่ยังมีแท็กสำหรับสร้างเฟรมเซ็ต
"www w3 องค์กร;

[แก้ไข]
สงครามเบราว์เซอร์

ในช่วงกลางทศวรรษ 1990 ได้เกิดปรากฏการณ์ดังต่อไปนี้ ผู้ผลิตเบราว์เซอร์หลัก - Netscape และ Microsoft - เริ่มใช้ชุดองค์ประกอบของตนเองในมาร์กอัป HTML ความสับสนเกิดขึ้นจากการออกแบบต่างๆ ในการทำงานบนเวิลด์ไวด์เว็บ ซึ่งสามารถดูได้ในเบราว์เซอร์ใดเบราว์เซอร์หนึ่ง มีปัญหาอย่างมากในการสร้างโปรแกรมข้ามเบราว์เซอร์ใน JavaScript ผู้ดูแลเว็บต้องสร้างเพจหลายเวอร์ชันหรือใช้เทคนิคอื่นๆ บางครั้งปัญหาก็สูญเสียความเกี่ยวข้องด้วยเหตุผลสองประการ:
เนื่องจากการแทนที่เบราว์เซอร์อื่นๆ ทั้งหมดโดยเบราว์เซอร์ Microsoft Internet Explorer ดังนั้นปัญหาของผู้ดูแลเว็บจึงกลายเป็นปัญหาของผู้ใช้เบราว์เซอร์สำรอง
ต้องขอบคุณความพยายามของผู้ผลิตเบราว์เซอร์รายอื่นที่ปฏิบัติตามมาตรฐาน W3C (เช่น Mozilla และ Opera) หรือพยายามสร้างความเข้ากันได้สูงสุดกับ Internet Explorer

ในปัจจุบัน เราสามารถสังเกตเห็นความนิยมที่เพิ่มขึ้นของเบราว์เซอร์ที่ปฏิบัติตามคำแนะนำของ W3C (ได้แก่ Mozilla Firefox และเบราว์เซอร์อื่นๆ ที่ใช้กลไก Gecko; Konqueror, Safari และเบราว์เซอร์อื่นๆ ที่ใช้กลไก KHTML; Opera พร้อมกลไก Presto ที่เป็นเอกลักษณ์) . ในขณะเดียวกัน Internet Explorer ยังคงรักษาตำแหน่งผู้นำเอาไว้

ผู้ใช้ระบบคอมพิวเตอร์สมัยใหม่ส่วนใหญ่ไม่ทางใดก็ทางหนึ่งเจอไฟล์ที่มีนามสกุล .html โดยไม่ได้คำนึงถึงสิ่งที่พวกเขาเป็นตัวแทนเสมอไป ตอนนี้เราจะพูดถึงวิธีเปิดไฟล์ HTML บนคอมพิวเตอร์

ไฟล์ HTML คืออะไร?

โดยทั่วไปแล้ว เราแต่ละคนจะเห็นไฟล์ดังกล่าวเกือบทุกวันเมื่อทำงานบนอินเทอร์เน็ต ไม่มีอะไรมากไปกว่าหน้าเว็บมาตรฐานที่สร้างขึ้นโดยใช้มาร์กอัปไฮเปอร์เท็กซ์ตามภาษาการเขียนโปรแกรมที่มีชื่อเดียวกัน

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

จะเปิดไฟล์ HTML ในเบราว์เซอร์ได้อย่างไร?

เนื่องจากไฟล์ในรูปแบบนี้เป็นหน้าเว็บ (เผยแพร่หรือบันทึกบนคอมพิวเตอร์) ในกรณีที่ง่ายที่สุด การดับเบิลคลิกที่ไฟล์จะเป็นการเปิดโดยใช้อินเทอร์เน็ตเบราว์เซอร์ที่ติดตั้งในระบบตามค่าเริ่มต้น

หากคุณต้องการวิธีแก้ปัญหาเพิ่มเติมสำหรับคำถามเกี่ยวกับวิธีการเปิดไฟล์ HTML โดยใช้วิธีอื่น คุณจะต้องใช้เมนูคลิกขวาซึ่งคุณต้องเลือกเบราว์เซอร์อื่นหรือโปรแกรมอื่นจากนั้น (บรรทัด "เปิด" กับ ..."). ด้วยแอปพลิเคชัน ทุกอย่างก็ง่ายดายเช่นกัน

วิธีเปิดไฟล์ HTML: การใช้โปรแกรมแก้ไขข้อความ

การดูเนื้อหาของไฟล์ในรูปแบบนี้สามารถทำได้โดยใช้ Notepad ธรรมดาที่สุด แต่แน่นอนว่าจะดีกว่าถ้าเปลี่ยนเป็นแพ็คเกจสำนักงาน

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

วิธีการเปิดไฟล์ HTML ใน Word? ง่ายเหมือนพาย! คุณต้องเลือกแอปพลิเคชันที่เหมาะสมจากเมนูบริบท หรือใช้เมนูไฟล์ของโปรแกรมเองเพื่อทำสิ่งนี้ โดยเรียกบรรทัดเปิดของวัตถุขึ้นมา วิธีที่ง่ายที่สุดคือการใช้คีย์ผสม Ctrl + O จากนั้นตั้งค่าสิ่งที่จำเป็นในบรรทัดการเลือกรูปแบบและใช้ปุ่มเรียกดูเพื่อค้นหาไฟล์ที่ต้องการ

วิธีการเฉพาะทาง

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

โปรแกรมแก้ไข HTML ที่มีชื่อเสียงที่สุด ได้แก่ Sublime Text, Aptana Studio, Notepad++, Macromedia Dreamweaver, RJ TextEd, KompoZer, Comodo Edit, Vim, Fraise, PSPad และอื่นๆ อีกมากมาย ในภาษาของพวกเขา HTML ดูเรียบง่ายมากจนแม้แต่ผู้ใช้ที่ไม่ได้รับการฝึกอบรมก็สามารถรับมือกับการสร้างหน้าของตัวเองที่เขียนโดยใช้มาร์กอัปไฮเปอร์เท็กซ์ด้วยวิธีเบื้องต้นโดยสิ้นเชิง โดยทั่วไปแล้ว คุณสามารถเปิดไฟล์รูปแบบนี้ในโปรแกรมใดก็ได้ที่รองรับภาษา HTML

หรือ HTML เขียนด้วย Hypertext Markup Language และเป็นไฟล์ประเภทเว็บเพจมาตรฐานบนอินเทอร์เน็ต

มีอะไรอยู่ในไฟล์ .HTML

แนวคิดนี้เสนอในปี 1989 โดย Tim Berners-Lee เมื่อเขาต้องการส่วนขยายที่อนุญาตให้เบราว์เซอร์อ่านการเข้ารหัสและแปลงเป็นเครื่องหมายวรรคตอน Rich Text ไฮเปอร์ลิงก์ รูปภาพ วิดีโอ หรือไฟล์สื่ออื่นๆ ผู้ใช้ที่เยี่ยมชมเว็บไซต์จะเห็นเฉพาะผลลัพธ์สุดท้ายของการทำงานของเบราว์เซอร์กับ HTML หากดำเนินการอย่างถูกต้อง เนื้อหาของไฟล์บุคคลที่สามนั้นสามารถดูได้โดยใช้ปุ่ม “ ดูซอร์สโค้ดของหน้า».

วิธีการเปิดไฟล์ HTML

เว็บเบราว์เซอร์ใด ๆ เช่น Yandex.Browser อินเทอร์เน็ตเอ็กซ์พลอเรอร์, ไฟร์ฟอกซ์, โครม, โอเปร่าฯลฯ - จะเปิดและแสดงไฟล์ HTML ใด ๆ อย่างถูกต้อง กล่าวอีกนัยหนึ่ง การเปิดเอกสารเหล่านี้ในเบราว์เซอร์จะถอดรหัสสิ่งที่เขียนในไฟล์ HTM หรือ HTML

มีโปรแกรมมากมายที่ช่วยให้แก้ไขและสร้างไฟล์ HTM หรือ HTML ได้ง่ายขึ้น คราส, โคโมโดแก้ไขและ บลูฟิชเป็นเพียงโปรแกรมแก้ไข HTML ฟรียอดนิยมบางส่วนเท่านั้น โปรแกรม HTML/HTML ยอดนิยมอีกโปรแกรมหนึ่งพร้อมคุณสมบัติเพิ่มเติมมากมายคือ อะโดบี ดรีมวีเวอร์อย่างไรก็ตาม ไม่มีการเสนอให้กับผู้ใช้ฟรี หากต้องการแปลง HTML คุณสามารถใช้โปรแกรม Convertin.io

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

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

HTML เป็นตัวย่อสำหรับ HyperText Markup Language ซึ่งแปลเป็นภาษามาร์กอัปไฮเปอร์เท็กซ์
เนื้อหา:

HTML ใช้เพื่อทำให้หน้าเว็บบนอินเทอร์เน็ตมีลักษณะเหมือนกับที่คุณรู้จัก:

• ข้อความที่ออกแบบมาอย่างสวยงาม
• เป็นตัวหนาหรือตัวเอียง
• แค่สีดำหรือหลากสี
• พร้อมลิงก์ที่ใช้งานไปยังหน้าอื่น ๆ ของเว็บไซต์หรือบล็อก
• พร้อมด้วยวิดีโอ เสียง และฟีเจอร์ที่น่าสนใจอื่นๆ อีกมากมาย

โดยพื้นฐานแล้ว html คือด้านหลังของหน้าต่างๆ ของหลายๆ ไซต์ บ่อยครั้งที่การออกแบบที่สวยงามถูกสร้างขึ้นโดยใช้ภาษามาร์กอัป HTML มิฉะนั้นจะเรียกว่าการสร้างเพจโดยใช้เลย์เอาต์ html

นอกจากนี้ยังสามารถสร้างเว็บไซต์ในภาษาโปรแกรมอื่นๆ ได้ เช่น PHP

นักวิทยาศาสตร์ชาวอังกฤษ Tim Berners Lee พัฒนาภาษา HTML ในปี 1986-1991 ในประเทศสวิตเซอร์แลนด์ โดยพื้นฐานแล้ว html ช่วยให้คุณสร้างเอกสารที่เรียบง่ายแต่สวยงามได้ ต่อมาได้เพิ่มความสามารถด้านมัลติมีเดีย (วิดีโอ ฯลฯ) และการรองรับการทำงานกับไฮเปอร์เท็กซ์ (สำหรับการสร้างไฮเปอร์ลิงก์) ลงใน html

โปรแกรมเบราว์เซอร์ที่มีชื่อเสียงถูกสร้างขึ้นเพื่อทำงานกับ HTML เช่น:

• มอซซิลา ไฟร์ฟอกซ์ (มอซิลลา ไฟร์ฟอกซ์)
• อินเตอร์เน็ตเอ็กซ์พลอเรอร์ (Internet Explorer)
• กูเกิลโครม (กูเกิลโครม)
• โอเปร่า (โอเปร่า),
• เบราว์เซอร์ยานเดกซ์,
• ซาฟารีและ
• อื่น.

ในตอนแรก ฟังก์ชันหลักของเบราว์เซอร์คือการแปลโค้ด HTML อย่างแม่นยำและแสดงผลภาพบนหน้าจอมอนิเตอร์ของผู้ใช้

หน้า html คืออะไร?

เอกสาร ไฟล์ หน้าที่สร้างในภาษา html มีนามสกุล .html หรือ .htm ตัวอย่างเช่น หน้า html (หรือไฟล์ html หรือเอกสาร html) อาจมีชื่อดังนี้:

• ทดสอบ.html,
• HTML,
• html หรือ
• หัวเรื่อง.html.

พูดอย่างเคร่งครัด test.html คือชื่อไฟล์ (หรือชื่อหน้า) โดยที่

• test คือชื่อไฟล์และ
• .html เป็นนามสกุลไฟล์ (หรือนามสกุลของชื่อหน้า) ที่มักเรียกง่ายๆ ว่า "extension"

ในปัจจุบัน คำว่า "รูปแบบ" ได้กลายเป็นตัวเลือกที่ใช้กันทั่วไปมากกว่าคำว่า "ส่วนขยาย" ดังนั้น นิพจน์ "รูปแบบ html" หมายความว่าไฟล์ (หรือหน้า) เขียนด้วยภาษา html และชื่อของไฟล์ดังกล่าวมีนามสกุล html วิธี,

ไฟล์ชื่อ test.html อยู่ในรูปแบบ html

ระบบปฏิบัติการ Windows จะซ่อนนามสกุลไฟล์ (นั่นคือ รูปแบบไฟล์) ตามค่าเริ่มต้น โปรแกรมเมอร์ทำสิ่งนี้ "ไม่ใช่ด้วยความอาฆาตพยาบาท" แต่เพื่อปกป้องผู้ใช้จากการเปลี่ยนนามสกุลไฟล์โดยไม่ได้ตั้งใจ คุณสามารถกำหนดให้นามสกุลไฟล์เปิดเป็นค่าเริ่มต้นได้ ใน Windows 7 ให้ทำสิ่งนี้:

• คลิกที่ปุ่มเริ่ม
• เปิดแผงควบคุม
• ค้นหาตัวเลือกโฟลเดอร์,
• เปิดแท็บมุมมองเลื่อนไปที่ด้านล่างสุดและ
• ยกเลิกการทำเครื่องหมายที่ช่องถัดจากตัวเลือก “ซ่อนนามสกุลสำหรับประเภทไฟล์ที่รู้จัก”
• คลิก "ตกลง"

ข้าว. 1. เปิดนามสกุลไฟล์ทั้งหมด

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

นอกจากนี้ยังมีไซต์หน้าเดียวบนอินเทอร์เน็ตซึ่งประกอบด้วยหน้า html เพียงหน้าเดียว ตัวอย่างเช่นมันอาจจะเป็น

• นามบัตรอินเตอร์เน็ตของบุคคลหรือบริษัทหรือ
• เพจขายสินค้าหรือบริการผ่านทางอินเทอร์เน็ต

ภาษา HTML มีการพัฒนาอย่างต่อเนื่อง และปัจจุบันมีหลายเวอร์ชัน เริ่มตั้งแต่ HTML 2.0 เมื่อวันที่ 22 กันยายน 1995 และลงท้ายด้วย HTML 5 เวอร์ชันล่าสุดเมื่อวันที่ 28 ตุลาคม 2014 HTML 5.1 มีกำหนดวางจำหน่ายในเดือนกันยายน 2559

แท็ก HTML คืออะไร?

HTML เป็นภาษาสำหรับการมาร์กอัปเอกสารโดยใช้แท็ก ป้ายอยู่ในวงเล็บเหลี่ยม “< >" แท็กสามารถจับคู่หรือเลิกจับคู่ได้

• ตัวอย่างเช่น แท็ก “b” ที่อยู่ในวงเล็บสามเหลี่ยมทำให้ข้อความเป็นตัวหนา

ข้อความเป็นตัวหนา

ผลลัพธ์จะมีลักษณะดังนี้: ข้อความเป็นตัวหนา

• และแท็ก “i” ทำให้ข้อความเป็นตัวเอียง

ข้อความเป็นตัวเอียง

เป็นผลให้เราได้รับ: ข้อความเป็นตัวเอียง

• นอกจากนี้ยังมีแท็กสำหรับแยกสตริง "br"
• การใช้แท็ก "a href" ไฮเปอร์ลิงก์จะถูกเน้น
• แท็กชื่อเอกสาร – . นี่คือแท็กที่เปิดเอกสาร มันถูกจับคู่ในแง่ที่ว่าต้องใช้แท็กปิดพร้อมเครื่องหมายทับ.
• หลังจากชื่อเรื่องมาถึงส่วนหลักซึ่งอยู่ระหว่างแท็กเปิด และแท็กปิด. แท็กนี้เหมือนกับแท็ก head คือเป็นแท็กคู่ คุณต้องเปิดมันและอย่าลืมปิดมัน

ในแท็กที่จับคู่กัน จำเป็นต้องมีแท็กปิดที่มีเครื่องหมายทับ เนื่องจากแท็กเปิดจะยกเลิก (แม่นยำยิ่งขึ้น สมบูรณ์ถูกต้องมากขึ้น)

มีแท็ก HTML มากมาย และคุณสามารถค้นหาบทช่วยสอน HTML บนอินเทอร์เน็ตได้อย่างง่ายดาย

วิธีสร้างไฟล์ html

เป็นเรื่องง่ายมากที่จะสร้างหน้า html (หรือไฟล์ html) บนคอมพิวเตอร์ของคุณและเรียกใช้สิ่งที่คุณสร้างในเบราว์เซอร์

1) เปิด Notepad (โปรแกรมแก้ไขข้อความธรรมดาที่มาพร้อมกับ Windows) คุณสามารถค้นหาได้บนคอมพิวเตอร์ของคุณโดยป้อนคำค้นหา: Notepad ในแถบค้นหา

2) คัดลอกและวางข้อความต่อไปนี้ลงใน Notepad:

สวัสดี! นี่คือหน้า HTML หน้าแรกของฉัน

บรรทัดที่สอง ไชโย!

3) จุดสำคัญโดยที่ไฟล์ html จะไม่ทำงาน: ใน Notepad เราจะบันทึกไฟล์อย่างเคร่งครัด(!) ในรูปแบบ html ดังที่แสดงในภาพหน้าจอ เพื่อความง่าย คุณสามารถบันทึกไฟล์ไปยังเดสก์ท็อปบนคอมพิวเตอร์ของคุณได้

ข้าว. 2. ใส่ใจกับประเภทไฟล์และบันทึกไฟล์ในรูปแบบ html

1 ในรูป 2 – คลิก “เดสก์ท็อป” เพื่อบันทึกไฟล์ html ที่นั่น
2 ในรูป 3 – เปิดเมนูแบบเลื่อนลงตรงข้าม “ประเภทไฟล์”
3 – ในเมนูนี้ เลือก “ไฟล์ทั้งหมด”
4 – ป้อนชื่อใดก็ได้ (ฉันมี 001) และหลังจากช่วงเวลาดังกล่าว ต้องแน่ใจว่า(!) ป้อน html
5 ในรูป 2 – คลิก “บันทึก”

4) บนเดสก์ท็อปเราพบไฟล์ 001.html:

ข้าว. 3. ไฟล์ Html บนเดสก์ท็อป

เบราว์เซอร์เริ่มต้นของฉันคือ Google Chrome ดังนั้นไอคอนไฟล์จึงดูเหมือนไอคอนของเบราว์เซอร์นี้ หากมีเบราว์เซอร์เริ่มต้นอื่น ไฟล์ 001.html จะมีไอคอนแตกต่างออกไป

เราคลิกที่ไฟล์ (รูปที่ 3) ด้วยเมาส์ 2 ครั้งและด้วยเหตุนี้เราจึงเห็นหน้า html หน้าแรกของเราในเบราว์เซอร์:

ข้าว. 4. ตรวจสอบว่าหน้า html มีลักษณะอย่างไรในเบราว์เซอร์

ดังนั้นเราจึงมีหน้า html ท้องถิ่นในแง่ที่ว่าสามารถเข้าถึงได้จากคอมพิวเตอร์ของคุณเท่านั้น เพื่อให้ผู้อื่นสามารถเข้าถึงหน้านี้ได้ จะต้องอัปโหลดบนอินเทอร์เน็ต ให้แม่นยำยิ่งขึ้น วางไว้ซึ่งพร้อมให้บริการตลอดเวลา: 24/7/365 (ตลอด 24 ชั่วโมง 7 วันต่อสัปดาห์ ตลอดทั้งปี) จากนั้นผู้ใช้อินเทอร์เน็ตทุกคนจะสามารถเห็นหน้าดังกล่าวได้

ดังนั้น html จึงค่อนข้างเป็นภาษาที่น่าสนใจ และหากในอนาคตคุณกำลังคิดที่จะสร้างและดูแลเว็บไซต์หรือบล็อกของคุณเอง ขอแนะนำให้ทราบชุดแท็กขั้นต่ำที่ใช้ในภาษา html เป็นอย่างน้อย