ในปี 1989 Tim Berners-Lee เสนอให้เป็นผู้นำของศูนย์ระหว่างประเทศเพื่อพลังงานสูง (CERN) โครงการสำหรับระบบไฮเปอร์เท็กซ์แบบกระจายซึ่งเขาเรียกว่าเวิลด์ไวด์เว็บ (WWW) แนวคิดดั้งเดิมของระบบคือการใช้ระบบนำทางแบบไฮเปอร์เท็กซ์เพื่อรวมแหล่งข้อมูลมากมายของ CERN ให้เป็นระบบข้อมูลเดียว เทคโนโลยีนี้ประสบความสำเร็จอย่างมากจนเป็นแรงผลักดันในการพัฒนาระบบสารสนเทศระดับโลกที่ได้รับความนิยมมากที่สุดในโลกระบบหนึ่ง เกือบจะอยู่ในใจของผู้ใช้อินเทอร์เน็ตเครือข่ายคอมพิวเตอร์ทั่วโลกส่วนใหญ่เครือข่ายนี้มีความเกี่ยวข้องกับเทคโนโลยีสารสนเทศหลักสามประการ:

· จดหมายอิเล็กทรอนิกส์ (อีเมล);

· ไฟล์เก็บถาวร FTP;

· เวิลด์ไวด์เว็บ

นอกจากนี้เทคโนโลยีล่าสุดยังค่อยๆ เคลื่อนตัวมาเป็นที่หนึ่งอีกด้วย

ความสำเร็จของเทคโนโลยีเวิลด์ไวด์เว็บถูกกำหนดโดยปัจจัยหลักสองประการ: ความเรียบง่ายและการใช้โปรโตคอลการทำงานผ่านอินเทอร์เน็ตในตระกูล TCP/IP (Transmission Control Protocol, Internet Protocol) ซึ่งเป็นพื้นฐานของอินเทอร์เน็ต

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

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

หนึ่งในองค์ประกอบของเทคโนโลยีสำหรับการสร้างระบบไฮเปอร์เท็กซ์แบบกระจายบนเวิลด์ไวด์เว็บคือภาษามาร์กอัปไฮเปอร์เท็กซ์ HTML ซึ่งพัฒนาโดย Tim Berners-Lee โดยใช้ภาษามาร์กอัปมาตรฐานทั่วไป (SGML) Daniel W. Connolly เขียนคำจำกัดความประเภทเอกสารสำหรับมัน - คำอธิบายอย่างเป็นทางการของไวยากรณ์ HTML ในแง่ SGML

นักพัฒนา HTML สามารถแก้ไขปัญหาได้สองประการ:

· ให้ผู้ออกแบบฐานข้อมูลไฮเปอร์เท็กซ์มีวิธีง่ายๆ ในการสร้างเอกสาร

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

ปัญหาแรกได้รับการแก้ไขโดยการเลือกแบบจำลองการแท็กสำหรับคำอธิบายเอกสาร รุ่นนี้ใช้กันอย่างแพร่หลายในระบบการเตรียมเอกสารสำหรับการพิมพ์ ตัวอย่างของระบบดังกล่าวคือภาษามาร์กอัปเอกสารทางวิทยาศาสตร์ TeX ที่รู้จักกันดี ซึ่งเสนอโดย American Mathematical Society และโปรแกรมสำหรับการตีความ

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

จุดสำคัญที่สองที่มีอิทธิพลต่อชะตากรรมของ HTML คือการเลือกไฟล์ข้อความปกติเป็นพื้นฐาน ทางเลือกเกิดขึ้นภายใต้อิทธิพลของปัจจัยต่อไปนี้:

· ไฟล์ดังกล่าวสามารถสร้างขึ้นได้ในโปรแกรมแก้ไขข้อความใด ๆ บนแพลตฟอร์มฮาร์ดแวร์ใด ๆ ในสภาพแวดล้อมของระบบปฏิบัติการใด ๆ

· เมื่อถึงเวลาพัฒนา HTML มีมาตรฐานอเมริกันสำหรับการพัฒนาระบบข้อมูลเครือข่าย - Z39.50 ซึ่งระบุไฟล์ข้อความธรรมดาในการเข้ารหัส LATIN1 เป็นหน่วยจัดเก็บข้อมูลซึ่งสอดคล้องกับ US ASCII

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

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

ภาษาเวอร์ชันแรก (HTML 1.0) มีวัตถุประสงค์เพื่อนำเสนอภาษาดังกล่าว โดยที่คำอธิบายความสามารถของภาษานั้นค่อนข้างเป็นการให้คำแนะนำ ภาษาเวอร์ชันที่สอง (HTML 2.0) บันทึกการฝึกใช้โครงสร้างของตน เวอร์ชัน ++ (HTML++) เปิดตัวฟีเจอร์ใหม่ โดยขยายชุดแท็ก HTML เพื่อแสดงข้อมูลและตารางทางวิทยาศาสตร์ ตลอดจนปรับปรุงรูปแบบการจัดวางรูปภาพและข้อความ เวอร์ชัน 3.2 สามารถปรับปรุงนวัตกรรมทั้งหมดและประสานกับแนวทางปฏิบัติที่มีอยู่ได้ HTML 3.2 ช่วยให้คุณใช้ตาราง รันโค้ด Java ตัดข้อความรอบกราฟิก และแสดงตัวยกและตัวห้อย

ขณะนี้ World Wide Web Consortium (W3C) ซึ่งเป็นองค์กรระหว่างประเทศที่จัดเตรียมและเผยแพร่เอกสารสำหรับการอธิบาย HTML เวอร์ชันใหม่ ได้เผยแพร่เนื้อหาเกี่ยวกับข้อกำหนด HTML 4.01 แล้ว นอกเหนือจากความสามารถในการลิงก์มาร์กอัปข้อความ มัลติมีเดีย และไฮเปอร์เท็กซ์ที่มีอยู่แล้วใน HTML เวอร์ชันก่อนหน้า เวอร์ชัน 4.01 ยังมีเครื่องมือมัลติมีเดีย ภาษาโปรแกรม สไตล์ชีต และเครื่องมือแบบง่ายสำหรับการพิมพ์รูปภาพและเอกสารเพิ่มเติม คุณสามารถใช้ภาษาสคริปต์ เช่น JavaScript, Java และ VBScript เพื่อจัดการสคริปต์การเรียกดูเว็บไซต์ (ฐานข้อมูลไฮเปอร์เท็กซ์ที่โฮสต์บนเวิลด์ไวด์เว็บ)

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

สารบัญ: 1. ความรู้เบื้องต้นเกี่ยวกับภาษา HTML ความรู้เบื้องต้นเกี่ยวกับภาษา HTML 2. ประวัติความเป็นมาของการสร้าง HTML ประวัติความเป็นมาของการสร้าง HTML 3. แนวคิดพื้นฐานของภาษา HTMLแนวคิดพื้นฐานของภาษา HTML 4. โครงสร้างของเอกสารเว็บโครงสร้างของเอกสารเว็บ 5. การแทรกความคิดเห็น การแทรกความคิดเห็น 6. ตัวอย่างเอกสาร HTML 7. แท็กการจัดรูปแบบข้อความ แท็กการจัดรูปแบบข้อความ 8. แท็กสำหรับควบคุมลักษณะที่ปรากฏของเว็บเพจ แท็กสำหรับควบคุมลักษณะที่ปรากฏของเว็บเพจ 9. แท็กแท็ก 10. สีพื้นหลังและข้อความ พื้นหลังและสีข้อความ 11. รายการรายการ 12. เว็บเพจที่มีวัตถุกราฟิก วัตถุ

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

ประวัติความเป็นมาของการสร้าง HTML (Hyper Text Markup Language) บางวัน: พ.ศ. 2488: พ.ศ. 2488: นักวิทยาศาสตร์ชาวอเมริกันที่ปรึกษาทางวิทยาศาสตร์ของประธานาธิบดี Vannevar Bush แสดงออกถึงแนวคิดเรื่องไฮเปอร์เท็กซ์ปี: พ.ศ. 2511: Douglas Engelbart สาธิตการทำงานของลิงก์ไฮเปอร์เท็กซ์ใน สร้างโปรแกรมประมวลผลคำขึ้นมา เนื้อหา

ทศวรรษ 1960: 1960: พนักงานของ IBM ได้สร้างภาษา GML (ภาษามาร์กอัปทั่วไป) ซึ่งมีจุดประสงค์เพื่อใช้บนคอมพิวเตอร์ตระกูล IBM ภาษา GML ได้รับการขยายในเวลาต่อมา และในยุค 80 ภาษาดังกล่าวได้รับการกำหนดมาตรฐานโดย ISO (องค์การระหว่างประเทศเพื่อการมาตรฐาน) โหมดมาร์กอัปที่ทรงพลังและอเนกประสงค์นี้เรียกว่า SGML (Standard General Markup Langugage) ถูกใช้โดยกระทรวงทหารสหรัฐฯ สำหรับเอกสารทางเทคนิคในช่วงทศวรรษ 1980: นักฟิสิกส์ Tim Berners-Lee พนักงานของ CERN (ศูนย์วิจัยนิวเคลียร์แห่งยุโรป) ใน พื้นฐานของภาษาที่กำลังพัฒนาคือภาษา SGML และเทคนิคในการทำงานกับไฮเปอร์เท็กซ์ซึ่งเป็นเหตุผลว่าทำไมจึงเชื่อมโยงชื่อของภาษาที่เขาสร้างขึ้น - HTML - ภาษาใหม่ใช้โครงสร้างพื้นฐานของ SGML เพื่ออธิบายเอกสารและลิงก์ไฮเปอร์เท็กซ์ บางวัน: สารบัญ

คำว่า "ไฮเปอร์เท็กซ์" ได้รับการประกาศเกียรติคุณครั้งแรกโดยเท็ด เนลสัน ในปี พ.ศ. 2512 ไฮเปอร์เท็กซ์เป็นเอกสารอิเล็กทรอนิกส์ที่มีลิงก์ไปยังเอกสารอื่น เนื้อหา

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

โครงสร้างของเอกสารเว็บ จุดเริ่มต้นของคอนเทนเนอร์เอกสาร HTML จุดเริ่มต้นของคอนเทนเนอร์ส่วนหัว จุดเริ่มต้นของคอนเทนเนอร์บรรทัด - ชื่อหน้า ...บรรทัดหัวเรื่องหน้า ท้ายคอนเทนเนอร์บรรทัด - ชื่อหน้า สิ้นสุดคอนเทนเนอร์ชื่อเรื่อง จุดเริ่มต้นของคอนเทนเนอร์เนื้อหาหน้า ...เนื้อหา (เนื้อหาทั้งหมด) ของท้ายหน้า ของคอนเทนเนอร์เนื้อหาของหน้า ส่วนท้ายของคอนเทนเนอร์เอกสาร HTML โครงสร้างพื้นฐานนี้ในรูปแบบที่ง่ายที่สุดสามารถแสดงได้อย่างชัดเจนดังนี้ สารบัญ

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

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

แท็ก แท็กช่วยให้คุณเปลี่ยนแบบอักษรที่เบราว์เซอร์ใช้ในการดูเว็บเพจ แท็กสามารถมีพารามิเตอร์ต่อไปนี้: FACE – ระบุชื่อของแบบอักษรที่จะแสดงข้อความ SIZE – ตั้งค่าขนาดแบบอักษรในหน่วยทั่วไปตั้งแต่ 1 (เล็กที่สุด) ถึง 7 (ใหญ่ที่สุด) เป็นที่ยอมรับกันโดยทั่วไปว่าขนาดแบบอักษรปกติจะสอดคล้องกับค่า 3 สี – กำหนดสีแบบอักษรซึ่งสามารถระบุได้โดยใช้ชื่อมาตรฐานหรือชุดเลขฐานสิบหก เนื้อหา

สีพื้นหลังและข้อความ เรารู้วิธีเปลี่ยนสีข้อความแล้ว แต่ในการทำเช่นนี้ เราจำเป็นต้องใส่ไว้ในแท็กแบบอักษร ซึ่งไม่สะดวกเสมอไป บางครั้ง ควรตั้งค่าสีข้อความสำหรับทั้งเอกสารจะดีกว่า คุณยังสามารถตั้งค่าภาพพื้นหลังได้ นี่คือแอตทริบิวต์ที่จำเป็น: พื้นหลัง – กำหนดรูปภาพเพื่อ “เติม” พื้นหลัง ค่านี้ระบุเป็น URL แบบเต็มหรือชื่อไฟล์ที่มีรูปภาพในรูปแบบ GIF หรือ JPG (เพิ่มเติมในภายหลัง) BGCOLOR – กำหนดสีพื้นหลังของเอกสาร TEXT – กำหนดสีของข้อความในเอกสาร ทั้งหมดได้รับการลงทะเบียนสำหรับองค์ประกอบ BODY ค่าสีจะถูกระบุด้วยค่าฐานสิบหก RGB หรือสีพื้นฐานอย่างใดอย่างหนึ่งจาก 16 สี เนื้อหา

ตัวอย่างสีพื้นหลังและข้อความ: ข้อความนี้จะเป็นสีแดงเนื่องจากเราเปลี่ยนสีข้อความในแท็ก BODY และตอนนี้ข้อความทั้งหมดบนหน้าจะเป็นสีแดงโดยค่าเริ่มต้น ย่อหน้านี้จะมีข้อความสีเขียวเนื่องจากเรารวมไว้ในแท็กแบบอักษรแล้วให้ เป็นสีที่เหมาะสม ตอนนี้ข้อความจะเป็นสีแดงอีกครั้ง สารบัญ

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

หน้าเว็บที่มีวัตถุกราฟิก รูปภาพเป็นส่วนสำคัญของเว็บไซต์บนอินเทอร์เน็ต พวกมันถูกใช้ทุกที่ ลองมาดูกันว่าอะไรคืออะไร มีไฟล์รูปภาพสามประเภทที่สามารถแทรกลงในเพจของคุณได้: GIF (Graphics Interchange Format) JPG/JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) เนื้อหา

หน้าเว็บที่มีวัตถุกราฟิก คำไม่กี่คำเกี่ยวกับรูปแบบ: GIF - ใช้เพียง 256 สีและดังนั้นจึงเหมาะสำหรับภาพวาดที่มีเฉดสีจำนวนน้อย รูปแบบนี้รองรับความโปร่งใสของภาพ JPEG เป็นรูปแบบภาพที่ใช้ได้ถึงล้านสี โดยทั่วไปใช้สำหรับภาพถ่ายและกราฟิกคุณภาพสูง (พร้อมเฉดสีจำนวนมาก) PNG เป็นรูปแบบที่ค่อนข้างใหม่ เหนือกว่า JPEG และ GIF ในหลาย ๆ ด้าน: สีหลายล้านสีและการบีบอัดข้อมูลที่มีประสิทธิภาพ ยังสนับสนุนความโปร่งใส รูปแบบที่คุณจะถ่ายภาพนั้นขึ้นอยู่กับคุณ แต่พยายามให้ได้คุณภาพสูงสุดโดยมีขนาดขั้นต่ำ เนื้อหา

หน้าเว็บที่มีวัตถุกราฟิก หากต้องการวางรูปภาพในเอกสาร HTML ให้ใช้แท็กที่มีพารามิเตอร์ SRC ระบุตำแหน่งของไฟล์รูปภาพ ตัวอย่างเช่น: - รูปภาพที่อยู่ในไฟล์ picture.gif จะถูกวางไว้ในเอกสาร HTML; - รูปภาพจะถูกวางในเอกสาร HTML ซึ่งอยู่ในไฟล์ Tile.bmp ซึ่งอยู่ในโฟลเดอร์ Images ซึ่งอยู่ในโฟลเดอร์เดียวกันกับเอกสาร HTML เนื้อหา

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

เทคโนโลยีอินเทอร์เน็ตสมัยใหม่ส่วนใหญ่ใช้ภาษา HTML ที่ใช้กันมานานและเป็นที่ถกเถียงกันมากที่สุด ได้รับการออกแบบมาเพื่อทำการมาร์กอัปและการออกแบบเอกสารที่วางอยู่บนหน้าเว็บ ภาษาเริ่มได้รับคุณลักษณะแรกในปี 1986 แรงผลักดันคือการนำไปใช้โดยองค์การระหว่างประเทศเพื่อการมาตรฐาน (ISO) ของมาตรฐาน ISO-8879 - ภาษามาร์กอัปมาตรฐานทั่วไปหรือในเวอร์ชันย่อ SGML มาพร้อมกับคำอธิบายที่ระบุว่า SGML มีไว้สำหรับมาร์กอัปโครงสร้างของข้อความ เป็นที่น่าสังเกตว่าไม่มีคำอธิบายลักษณะที่ปรากฏของเอกสาร

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

มีความจำเป็นที่ชัดเจนในการสร้างภาษาที่:

• อธิบายว่าองค์ประกอบใดเหมาะสมที่จะใช้ในกรณีใด
• มีรายการองค์ประกอบที่คุณสามารถสร้างเอกสารที่โปรแกรมต่างๆ สามารถอ่านได้

แม้ว่า SGML จะยังไม่ได้รับการพัฒนามากนักเช่นเดียวกับแอปพลิเคชันที่คล้ายกัน แต่ก็ไม่ได้ถูกลืมไปอย่างสิ้นเชิง ในปีพ.ศ. 2534 สถาบันฟิสิกส์อนุภาคแห่งยุโรปได้ประกาศถึงความจำเป็นในการพัฒนากลไกที่จะช่วยให้สามารถถ่ายโอนข้อมูลไฮเปอร์เท็กซ์ผ่านเครือข่ายทั่วโลกได้ SGML เป็นรากฐานของภาษาในอนาคต - Hyper Text Markup Language (HTML)

ขั้นตอนของการก่อตัว

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

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

HTML 3.0 รวมคุณสมบัติใหม่ที่น่าสนใจ:

• การมาร์กอัปสูตรทางคณิตศาสตร์
• แท็กสำหรับการสร้างเพจ
• การแทรกรูปภาพโดยมีข้อความล้อมรอบรูปภาพ
• หมายเหตุ ฯลฯ

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

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

HTML เวอร์ชัน 3.2 ถูกสร้างขึ้นในเวลาที่สั้นที่สุด มีเป้าหมายที่ Microsoft Internet Explorer จนกระทั่งเมื่อไม่นานมานี้ HTML เวอร์ชันนี้เป็นมาตรฐานภาษาเดียวสำหรับ . อย่างไรก็ตามทิศทางกำลังพัฒนาอย่างมากด้วยความช่วยเหลือของ HTML มันเป็นไปได้ที่จะจัดลำดับองค์ประกอบมาร์กอัปของเบราว์เซอร์ทั้งหมด แต่ความสามารถของภาษายังไม่เพียงพอ

ในปี 2547 มีการนำ HTML เวอร์ชันใหม่มาใช้ - 4.01 ให้ประสิทธิภาพข้ามเบราว์เซอร์และข้ามแพลตฟอร์มที่ยอดเยี่ยม

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

ประวัติโดยย่อของ HTML และ XHTML

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

ในปี 1994 W3C - World Wide Web Consortium ถูกสร้างขึ้นซึ่งในปี 1996 ได้สร้าง HTML 2.0 รวมถึงข้อกำหนดสำหรับมัน W3C เป็นโครงสร้างพิเศษที่พัฒนาและสร้างเทคโนโลยีเว็บต่างๆ องค์กรหรือบุคคลที่สนใจในการพัฒนาอินเทอร์เน็ตสามารถเข้าร่วมได้

ในเดือนมกราคม พ.ศ. 2540 W3C ได้สร้าง HTML 3.2 จากนั้นในเดือนธันวาคมของปีเดียวกัน HTML 4.0 และในเดือนธันวาคม พ.ศ. 2542 HTML 4.01

ในปี 2000 ภาษา XHTML 1.0 ได้รับการพัฒนา โดยควรจะเป็นลิงก์การเปลี่ยนแปลงระหว่างภาษา HTML และ XML เป้าหมายของ XHTML 1.0 คือการลบแท็กและการจัดรูปแบบแอตทริบิวต์ทั้งหมดออกจากเลย์เอาต์ รวมถึงทำให้นักพัฒนาเว็บไซต์คุ้นเคยกับไวยากรณ์ที่เข้มงวด

ในปี 2544 W3C ได้สร้าง XHTML 1.1 ซึ่งกลายเป็นภาษา XML โดยสมบูรณ์ เบราว์เซอร์ Internet Explorer ซึ่งครอบครอง 95% ของตลาดไม่รองรับ

ในปี 2545 W3C เริ่มพัฒนา XHTML 2.0 พวกเขาตัดสินใจสร้างภาษาตั้งแต่เริ่มต้น ซึ่งนำไปสู่ปัญหาความเข้ากันได้กับภาษา HTML และ XHTML เวอร์ชันก่อนหน้า

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

กำเนิดของ HTML5

ประวัติความเป็นมาของ HTML5เริ่มต้นในปี 2004 เมื่อบุคคลสำคัญส่วนใหญ่ในอุตสาหกรรมเว็บ เช่นเดียวกับบริษัทขนาดใหญ่ เช่น Google, Mozilla, Opera, Apple และ Microsoft ก่อตั้งคณะทำงานของตนเองชื่อ WHATWG (นำโดยโปรแกรมเมอร์ผู้ชาญฉลาด Ian Hickson)

ก่อนที่จะทำงานกับ HTML5 WHATWG ได้สร้างข้อกำหนดสองประการ: Web Forms 2.0 (เว็บฟอร์ม) และ Web Apps 1.0 (เว็บแอปพลิเคชัน) ข้อกำหนดทั้งสองนี้จึงเป็นส่วนหนึ่งของข้อกำหนด HTML5

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

WHATWG กำลังทำงานกับ HTML5 เวอร์ชันของตัวเอง (เขียนโดยไม่มีช่องว่าง)และเวอร์ชันนี้ควรจะกลายเป็นหนึ่งในข้อกำหนดของกลุ่ม W3C ด้วย

ในปี 2009 W3C หยุดพัฒนา XHTML 2.0 และเริ่มพัฒนา HTML5 (ตัดสินใจเขียนโดยไม่มีช่องว่าง)ร่วมกับ WHATWG แล้ว

ภายในปี 2012 เบราว์เซอร์สมัยใหม่เกือบทั้งหมดในโลกเริ่มเข้าใจภาษา HTML5 แม้ว่าจะมีแท็กบางแท็กที่เบราว์เซอร์ยังไม่เข้าใจก็ตาม

ในขณะนี้ งานเกี่ยวกับภาษา HTML5 ยังคงดำเนินต่อไป มีการสร้างแท็กและเทคโนโลยีใหม่ ทั้งหมดนี้ถูกเพิ่มเข้าไปในข้อกำหนด ข้อกำหนด HTML5 นั้นได้รับการเผยแพร่แล้ว (28 ตุลาคม 2014)

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

การบรรยายครั้งที่ 2. พื้นฐานHTML- ความเป็นไปได้HTML5.

1. ประวัติความเป็นมาของการพัฒนาภาษา html

ในปี 1989 Tim Berners-Lee เสนอให้เป็นผู้นำของศูนย์ระหว่างประเทศเพื่อพลังงานสูง (CERN) โครงการสำหรับระบบไฮเปอร์เท็กซ์แบบกระจายซึ่งเขาเรียกว่าเวิลด์ไวด์เว็บ (WWW) แนวคิดดั้งเดิมของระบบคือการใช้ระบบนำทางแบบไฮเปอร์เท็กซ์เพื่อรวมแหล่งข้อมูลมากมายของ CERN ให้เป็นระบบข้อมูลเดียว

ส่วนประกอบหนึ่งของเทคโนโลยีในการสร้างระบบไฮเปอร์เท็กซ์แบบกระจายบนเวิลด์ไวด์เว็บคือภาษามาร์กอัปไฮเปอร์เท็กซ์ HTML (ไฮเปอร์เท็กซ์มาร์กอัปภาษา– ภาษามาร์กอัปเอกสารไฮเปอร์เท็กซ์) พัฒนาโดย Tim Berners-Lee บนพื้นฐานของภาษามาร์กอัปมาตรฐานทั่วไป (SGML) Daniel W. Connolly เขียนคำจำกัดความประเภทเอกสารสำหรับมัน - คำอธิบายอย่างเป็นทางการของไวยากรณ์ HTML ในแง่ SGML

นักพัฒนา HTML สามารถแก้ไขปัญหาได้สองประการ:

มอบวิธีง่ายๆ ให้กับนักออกแบบฐานข้อมูลไฮเปอร์เท็กซ์ในการสร้างเอกสาร

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

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

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

จุดสำคัญที่สองที่มีอิทธิพลต่อชะตากรรมของ HTML คือการเลือกไฟล์ข้อความปกติเป็นพื้นฐาน

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

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

รุ่นต่างๆ

HTML 4.01 (การเปลี่ยนแปลงสำคัญกว่าที่เห็นในครั้งแรก) - 24 ธันวาคม 2542

ISO/IEC 15445:2000 (หรือที่เรียกว่า ISO HTML อิงจาก HTML 4.01 Strict) - 15 พฤษภาคม พ.ศ. 2543

HTML 5 - อยู่ระหว่างการพัฒนา มีกำหนดสิ้นสุดการพัฒนาในปี 2557

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

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

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

ในปี 1998 World Wide Web Consortium เริ่มทำงานเกี่ยวกับภาษามาร์กอัปใหม่ที่ใช้ HTML 4 แต่สอดคล้องกับไวยากรณ์ XML ต่อมาภาษาใหม่ได้รับการตั้งชื่อว่า XHTML XHTML 1.0 เวอร์ชันแรกได้รับการอนุมัติให้เป็นคำแนะนำของ World Wide Web Consortium เมื่อวันที่ 26 มกราคม พ.ศ. 2543

เวอร์ชันที่วางแผนไว้ของ XHTML 2.0 ตั้งใจที่จะทำลายความเข้ากันได้กับ HTML และ XHTML เวอร์ชันเก่า แต่เมื่อวันที่ 2 กรกฎาคม พ.ศ. 2552 World Wide Web Consortium ได้ประกาศว่าคณะทำงาน XHTML2 จะหมดอายุในสิ้นปี พ.ศ. 2552 ดังนั้นการพัฒนามาตรฐาน XHTML 2.0 เพิ่มเติมทั้งหมดจึงถูกระงับ

World Wide Web Consortium กำลังพัฒนา HTML เวอร์ชัน 5 ข้อกำหนดภาษาฉบับร่างปรากฏบนอินเทอร์เน็ตเมื่อวันที่ 20 พฤศจิกายน พ.ศ. 2550