1.1 ประวัติของ HTML
ทุกวันนี้ผู้คนใช้อินเทอร์เน็ตกันแทบทุกคน อ่านบทความ ใช้เบราว์เซอร์ ติดตามลิงก์ และมีเพียงไม่กี่คนที่สงสัยว่าอินเทอร์เน็ตถูกประดิษฐ์ขึ้นเมื่อใดและโดยใคร
ยังคงขึ้นอยู่กับสิ่งที่คุณเรียกว่าอินเทอร์เน็ต บ่อยครั้งที่คนธรรมดาหมายถึงสิ่งหนึ่งและช่างเทคนิคหมายถึงอีกสิ่งหนึ่ง เครือข่ายคอมพิวเตอร์ที่เชื่อมต่อศูนย์ข้อมูลที่ใหญ่ที่สุดในโลกถูกสร้างขึ้นในทศวรรษที่ 70 แต่อินเทอร์เน็ตที่บุคคลธรรมดาสามารถเข้าถึงได้ (เบราว์เซอร์ ลิงก์ หน้าทุกประเภท) ถูกคิดค้นโดยคนๆ หนึ่งในช่วงต้นทศวรรษที่ 90 . แล้วก็เป็นแบบนี้...
ในช่วงต้นทศวรรษ 1990 ชาวอังกฤษTim Berners-Leeได้คิดค้นอินเทอร์เน็ต แม้ว่าอย่างไรก็ตาม สิ่งที่เขาประดิษฐ์ขึ้นจะเรียกว่าเว็บได้ถูกต้องกว่า แต่World Wide Web
เขาก็คือwww
เขาก็คือเวิลด์ไวด์เว็บด้วย ใช่ ชายคนหนึ่งคิดค้นเวิลด์ไวด์เว็บ
ตั้งแต่ปี พ.ศ. 2529-2534 เขาทำงานที่ศูนย์วิจัยเซิร์น (ในเจนีวา ประเทศสวิตเซอร์แลนด์) เกี่ยวกับมาตรฐานเอกสารทางวิทยาศาสตร์ใหม่ คุณเห็นไหมว่าเป็นเรื่องปกติที่นักวิทยาศาสตร์จะเผยแพร่เอกสารทางวิทยาศาสตร์ในรูปแบบของบทความและในตอนท้ายของบทความเพื่อระบุรายการวรรณกรรมที่ใช้แล้ว กล่าวอีกนัยหนึ่ง ความรู้ทางวิทยาศาสตร์คือรายการบทความที่มีลิงก์เชื่อมโยงถึงกัน
อย่างไรก็ตามวิกิพีเดียสมัยใหม่มีความคล้ายคลึงกับวิธีที่ผู้สร้างเห็นเวิลด์ไวด์เว็บมาก : บทความทางวิทยาศาสตร์ที่มีลิงก์เชื่อมโยงถึงกัน รายชื่อแหล่งข้อมูลและวรรณกรรมที่ใช้ และถ้าทิมโชคดีเว็บก็จะยังเป็นแบบนี้ แต่ระหว่างทางไปสู่อนาคตที่สดใส โลกกลับตาลปัตรที่ไหนสักแห่ง :)
เว็บใช้เทคโนโลยีสามอย่าง:
HTML-page
ซึ่งประกอบด้วยข้อความ รูปภาพ และลิงก์ไปยังอื่นๆHTML-pages.
- • เบราว์เซอร์ที่แสดง
HTML-page
ในลักษณะที่เป็นมิตรต่อมนุษย์มากที่สุด - • โปรโตคอล
http
- มาตรฐานสำหรับเว็บเซิร์ฟเวอร์ในการสื่อสารกับเบราว์เซอร์และระหว่างกัน
Tim Berners-Lee ไม่ได้ประดิษฐ์สิ่งเหล่านี้มากนักในขณะที่เขาสร้างมาตรฐานให้กับสิ่งเหล่านี้ HTML
- ถูกสร้างขึ้นบนพื้นฐานของSGML
มาตรฐาน แท็กก็ยืมมาจากที่นั่นเช่นกัน แต่เว็บเบราว์เซอร์ตัวแรกของโลกที่ชื่อWorldWideWeb
Tim เขียนขึ้นเอง และย้อนกลับไปในปี 1990
1.2 HTML ไม่ใช่ภาษาโปรแกรม
HTML
มันไม่ใช่ภาษาโปรแกรมและไม่เคยมีมาก่อน ไม่เคยพูดอย่างนั้น แม้ว่าคุณจะเขียนเรซูเม่ อย่าระบุHTML
ในส่วนภาษาการเขียนโปรแกรม เฉพาะในส่วนเครื่องมือ (เทคโนโลยี) การเขียนเรซูเม่ของคุณว่าคุณรู้ภาษาโปรแกรม จะเป็นความ HTML
ผิด พลาดอย่างร้ายแรง ทำไม
และสิ่งนี้คือHTML
มันเป็นภาษามาร์กอัปสำหรับเอกสาร หากเราทำให้มันง่ายขึ้นมากHTML-document
มันจะเป็นข้อความ (เอกสาร) ที่มีรูปภาพ ตาราง ลิงก์ ฯลฯ แทรกเข้าไป
สมมติว่าคุณต้องการเขียนบทความที่จะ:
- ชื่อบทความ (ชื่อเรื่อง).
- บทความประกอบด้วยหนึ่งย่อหน้า
- รูปภาพ.
- ข้อความสำคัญสองสามข้อที่คุณต้องการทำให้เป็นตัวหนา
- ในช่วงกลางของบทความ ให้ระบุลิงก์ไปยังข้อมูลที่เป็นประโยชน์
นี่คือลักษณะของเอกสารนี้ในเบราว์เซอร์:
แมวบ้าน
จากมุมมองของอนุกรมวิธานทางวิทยาศาสตร์ แมวบ้านเป็นสัตว์เลี้ยงลูกด้วยนมในตระกูลแมวของสัตว์กินเนื้อ บ่อยครั้งที่แมวบ้านถูกพิจารณาว่าเป็นสายพันธุ์ย่อยของแมวป่า อย่างไรก็ตาม จากมุมมองของอนุกรมวิธานทางชีวภาพสมัยใหม่ (2017) แมวบ้านเป็นสายพันธุ์ทางชีววิทยาที่แยกจากกัน .
![](https://cdn.codegym.cc/images/article/f1c46123-2629-47c7-9aff-878dc13cce61/800.jpeg)
ค่อนข้างดีใช่มั้ย? และมาตรฐานนี้HTML
ทำให้คุณสามารถอ่านเอกสารนี้ได้ทั้งกับมนุษย์และคอมพิวเตอร์ นี่คือสิ่งที่ดูเหมือนในHTML-standard
:
<h1>แมวบ้าน</h1>
จากมุมมองของอนุกรมวิธานทางวิทยาศาสตร์ แมวบ้านเป็น<a href=”/”>สัตว์เลี้ยงลูกด้วยนม</a>ในวงศ์แมวของสัตว์กินเนื้อ บ่อยครั้งที่แมวบ้านถูกพิจารณาว่าเป็นสายพันธุ์ย่อยของแมวป่า อย่างไรก็ตาม จากมุมมองของอนุกรมวิธานทางชีวภาพสมัยใหม่ (2017) แมวบ้าน<b>เป็นสายพันธุ์ทางชีววิทยาที่แยกจากกัน</b> .
<img src=”cat.jpg”>
มีการเพิ่ม แท็ก พิเศษ ในข้อความของบทความ(เน้นด้วยสีแดง ) ซึ่งทั้งบุคคลและคอมพิวเตอร์ (เบราว์เซอร์) เข้าใจ เบราว์เซอร์สามารถแสดงบทความได้อย่างสวยงามสำหรับผู้อ่าน และผู้เขียนบทความสามารถแก้ไขได้อย่างง่ายดาย
1.3 การเกิดขึ้นของโปรโตคอล HTTP
ตัวย่อHTML
ย่อมาจากHyper Text Markup Language
Hypertext Document Markup Language ไฮเปอร์เท็กซ์คือเอกสารที่ประกอบด้วยหน้าที่เชื่อมโยงถึงกัน มันคืออะไรhttp
?
HTTP
ย่อมาจากHyper Text Transfer Protocol
Hypertext Transfer Protocol (มาตรฐาน) http
หรือhttps
คุณสามารถดูได้ในแถบที่อยู่ของเบราว์เซอร์หากคุณพยายามคัดลอกลิงก์ไปยังหน้าที่เปิดอยู่
ลิงค์เพจทั่วไปมีลักษณะดังนี้:
http://google.com/logo.jpg
ที่จุดเริ่มต้นของลิงก์คือชื่อของโปรโตคอล ตามด้วยเครื่องหมายทวิภาคและเครื่องหมายทับสองตัว Tim Bernes-Lee เคยกล่าวไว้ในการสัมภาษณ์ครั้งหนึ่งของเขาว่าถ้าเขารู้ว่าพิธีสารhttp
จะเป็นที่นิยมมาก เขาคงคิดสั้นกว่านี้ (หลังจากนั้นลิงค์เกือบทั้งหมดในโลกจะขึ้นต้นด้วยคำว่าhttp://
หรือhttps://
)
กลับไปที่เบราว์เซอร์กันเถอะ เมื่อเบราว์เซอร์ร้องขอhtml-page
มันจะส่งไฟล์ข้อความ (คำขอ) ไปยังเซิร์ฟเวอร์และรับไฟล์ข้อความอื่น (ตอบกลับ) เป็นการตอบแทน โหมดการทำงานนี้เรียกว่าไคลเอ็นต์เซิร์ฟเวอร์
ขั้นแรก มีบรรทัดที่มีข้อมูลสำคัญ ตามด้วยข้อมูลบริการ บรรทัดแรกของข้อความค้นหากำหนดโดยแม่แบบ:
MethodURI HTTP/Version
หน้าส่วนตัวของผู้ใช้ CodeGym ได้รับจากลิงค์
https://codegym.cc/me
http-request
เบราว์เซอร์ที่มีลักษณะดังนี้:
GET /me HTTP/1.0
Host: codegym.cc
ในการตอบกลับเซิร์ฟเวอร์มักจะส่ง
HTTP/1.0 200 OK
<html>page text...
บรรทัดแรกในข้อความตอบกลับคือเวอร์ชันโปรโตคอล http และสถานะการตอบกลับ (200, ตกลง ) จากนั้นบรรทัดว่างก็มาในรูปแบบข้อความhtml-page
ซึ่งเบราว์เซอร์ร้องขอ ทุกอย่างง่ายมาก :)