กำเนิดของ HTML
ในปี 1989 Tim Berners-Lee ได้นำเสนอ ระบบเอกสารไฮเปอร์เท็กซ์ (Hypertext document system) ซึ่งต่อมาได้มีการพัฒนาโปรโตคอล HTTP เพื่อใช้สำหรับการส่งข้อมูลระหว่างลูกข่ายและแม่ข่ายในอินเตอร์เน็ต ซึ่ง ภาษาที่ใช้ในการติดต่อกันดังกล่าวนั่นคือ HTML และ HTML เป็นที่รู้จักกันมาตั้งแต่เดือนตุลาคม 1990 เป็นต้นมา
อินเทอร์เน็ตคืออะไร
Internet ย่อมาจาก Inter Connection Network เป็นระบบเครือข่ายคอมพิวเตอร์หลายๆ เครือข่ายที่มีการเชื่อมโยงเข้าด้วยกัน โดยที่คอมพิวเตอร์ทุกเครื่องจะสามารถเชื่อมต่อถึงกันได้ทั่วโลกระบบแตกต่าง กันก็เชื่อมต่อกันได้
เมื่อมีการร้องขอ (Request) จากเว็บบราวเซอร์ (Web browser) เว็บเซอร์เวอร์ (Web server) จะตอบสนอง (Responds) ต่อคำร้องขอนั้นโดยการส่งเอกสารเว็บไปสู่ลูกข่าย เมื่อลูกข่ายได้รับเอกสารเว็บแล้วจะจัดรูปแบบแล้วทำการแสดงผล
บริการบน Internet มี ดังนี้ WWW E-mail FTP ฯลฯ
บริการ WWW
WWW ย่อมาจาก World Wide Web เป็นแหล่งเก็บข้อมูลในลักษณะ ข้อความ ภาพ และเสียง ซึ่งมีรูปแบบการนำเสนอที่เรียกว่า Web pages โดยข้อมูลในแต่ละส่วนสามารถเชื่อมโยง (Link) ไปยังแหล่งข้อมูลส่วนอื่นได้ และเป็นบริการที่ได้รับความนิยมมากที่สุดอย่างหนึ่งด้วย
บริการ E-mail (Electronic mail)
การรับ-ส่งข้อความ (รวมทั้งรูปภาพ เสียง วิดีโอ) ในลักษณะจดหมาย โดยใช้เครือข่ายอินเทอร์เน็ต เป็นเส้นทางในการรับ- ส่ง
ใช้เวลาในการรับ/ส่งไม่นาน (หน่วยเป็นนาที)
การใช้ E-Mail จะต้องมี E-Mail Address เพื่อระบุปลายทางในการรับ-ส่ง ลักษณะเดียวกับ ชื่อ-ที่อยู่ ในการส่งจดหมายปกติ เช่น xxx@yahoo.com เป็นต้น
การโอนถ่ายข้อมูล FTP
FTP ย่อมาจาก File Transfer Protocol
บริการส่งถ่ายแฟ้มข้อมูลระหว่างคอมพิวเตอร์ผ่านทางอินเทอร์เน็ต
ผู้ใช้สามารถ Copy หรือ Download แฟ้มข้อมูลจากผู้ให้บริการ ซึ่งเรียกว่า FTP Site หรือ FTP Server หรือจะส่งไปยังเครื่องแม่ข่ายก็ได้ เรียกว่าการ Upload
ในปี 1989 Tim Berners-Lee ได้นำเสนอ ระบบเอกสารไฮเปอร์เท็กซ์ (Hypertext document system) ซึ่งต่อมาได้มีการพัฒนาโปรโตคอล HTTP เพื่อใช้สำหรับการส่งข้อมูลระหว่างลูกข่ายและแม่ข่ายในอินเตอร์เน็ต ซึ่ง ภาษาที่ใช้ในการติดต่อกันดังกล่าวนั่นคือ HTML และ HTML เป็นที่รู้จักกันมาตั้งแต่เดือนตุลาคม 1990 เป็นต้นมา
อินเทอร์เน็ตคืออะไร
Internet ย่อมาจาก Inter Connection Network เป็นระบบเครือข่ายคอมพิวเตอร์หลายๆ เครือข่ายที่มีการเชื่อมโยงเข้าด้วยกัน โดยที่คอมพิวเตอร์ทุกเครื่องจะสามารถเชื่อมต่อถึงกันได้ทั่วโลกระบบแตกต่าง กันก็เชื่อมต่อกันได้
เมื่อมีการร้องขอ (Request) จากเว็บบราวเซอร์ (Web browser) เว็บเซอร์เวอร์ (Web server) จะตอบสนอง (Responds) ต่อคำร้องขอนั้นโดยการส่งเอกสารเว็บไปสู่ลูกข่าย เมื่อลูกข่ายได้รับเอกสารเว็บแล้วจะจัดรูปแบบแล้วทำการแสดงผล
บริการบน Internet มี ดังนี้ WWW E-mail FTP ฯลฯ
บริการ WWW
WWW ย่อมาจาก World Wide Web เป็นแหล่งเก็บข้อมูลในลักษณะ ข้อความ ภาพ และเสียง ซึ่งมีรูปแบบการนำเสนอที่เรียกว่า Web pages โดยข้อมูลในแต่ละส่วนสามารถเชื่อมโยง (Link) ไปยังแหล่งข้อมูลส่วนอื่นได้ และเป็นบริการที่ได้รับความนิยมมากที่สุดอย่างหนึ่งด้วย
บริการ E-mail (Electronic mail)
การรับ-ส่งข้อความ (รวมทั้งรูปภาพ เสียง วิดีโอ) ในลักษณะจดหมาย โดยใช้เครือข่ายอินเทอร์เน็ต เป็นเส้นทางในการรับ- ส่ง
ใช้เวลาในการรับ/ส่งไม่นาน (หน่วยเป็นนาที)
การใช้ E-Mail จะต้องมี E-Mail Address เพื่อระบุปลายทางในการรับ-ส่ง ลักษณะเดียวกับ ชื่อ-ที่อยู่ ในการส่งจดหมายปกติ เช่น xxx@yahoo.com เป็นต้น
การโอนถ่ายข้อมูล FTP
FTP ย่อมาจาก File Transfer Protocol
บริการส่งถ่ายแฟ้มข้อมูลระหว่างคอมพิวเตอร์ผ่านทางอินเทอร์เน็ต
ผู้ใช้สามารถ Copy หรือ Download แฟ้มข้อมูลจากผู้ให้บริการ ซึ่งเรียกว่า FTP Site หรือ FTP Server หรือจะส่งไปยังเครื่องแม่ข่ายก็ได้ เรียกว่าการ Upload
คำสั่งพื้นฐาน HTML ( HyperText Markup Language )
HTML เป็นภาษาหรือ code ที่ใช้สร้าง เว็บเพจ โดยแสดงผลผ่าน browser ซึ่งจะแปลงหน้าโคดนี้ เป็น ข้อความ ภาพ และอื่นๆ ตามที่สร้างไว้ แม้ว่าปัจจุบัน จะมีโปรแกรม เครื่องมือ ที่ช่วยสร้าง Web Page เช่น Microsoft Frontpage, Macromedia Dream Weaver, Edit Plus ซึ่งอํานวยความสะดวกในการสร้างหน้า HTML ในลักษณะ WYSIWYG (What You See Is What You Get) แต่หากเรามีความเข้าใจภาษา HTML ก็จะเป็นประโยชน์อย่างมาก เพราะจะทําให้เรา สามารถแก้ไข code HTML ได้โดยตรง ตัดต่อ แปะ script ที่ได้มาเพื่อสร้างลูกเล่น สีสันให้ web page หรือปรับแก้ code ที่ generate โดยโปรแกรมเหล่านี้ ซึ่งมัก generate มากเกิน สําหรับเผื่อใช้ ทําให้ไฟล์ HTML มีขนาดใหญ่ เกินความจําเป็น และแสดงผลช้า
ในส่วน Body ของหน้าเว็บเพจหนึ่งๆ อาจประกอบด้วยส่วนประกอบหลักต่างๆ ดังนี้
Frame แบ่งโครงสร้างของหน้าเป็นส่วนๆ โดยแต่ละส่วน ถือเป็นไฟล์ HTML แต่ละไฟล์
Table แบ่งโครงสร้างของหน้าเป็นตารางหลายเซลล์ หลายคอลัมน์ แต่ละแถว อาจมีจํานวนคอลัมนน์ไม่เท่ากัน หรือแต่ละคอลัมน์ อาจมีจํานวนแถวไม่เท่ากันได้
Paragraphแสดงข้อความเมื่อขึ้นย่อหน้าใหม่
Font แสดงรูปแบบตัวอักษร อาจเติมสี กําหนด Font ทําตัวหนา ตัวเอียง ได้
List แสดงข้อมูลเป็นรายการ โดยอาจเป็น Bullet หรือเป็นตัวเลข (Order List) ได้
Image แทรกรูปภาพ / Flash Object แทรกเป็นภาพเคลื่อนไหวในรูปแบบ Flash ได้
Link ใช้สร้าง Link โดยอาจ Link จากข้อความ หรือจากภาพ ก็ได้ สามารถ Link แล้วเป็ดเป็น Window ใหม่ หรือ Window เดิม ได้ อาจ Link ไปไฟล์อื่นในไซต์, Link เป็น URL ใหม่เลยก็ได้ หรือ Link เป็นไฟล์ เช่น Word, Power Point ก็ได้
<HTML>?</HTML> เป็นคําสั่งสําหรั บเริ่มตัน code ส่วนที่เป็นภาษา HTML
<HEAD>?</HEAD> ใช้กําหนดรายละเอียดของหัวเรื่อง และรายละเอียด ในส่วน Head จะประกอบด้วย
Tag HTML คือ tag <TITLE>..</TITLE>, tag <SCRIPT>?</SCRIPT>
<META?> ใช้กำหนดรายละเอียด อื่นๆ ซึ่งจะกล่าวต่อไป
<BODY>?</BODY> เป็นส่วนแสดง รายละเอียด คือส่วนที่เนื้อหาที่แสดงทางหน้าจอทั้งหมด ส่วนประกอบ หลัก ได้แก่ paragraph, image, font, link, table สําหรับใช้จัดหน้า
ในส่วน Body ของหน้าเว็บเพจหนึ่งๆ อาจประกอบด้วยส่วนประกอบหลักต่างๆ ดังนี้
Frame แบ่งโครงสร้างของหน้าเป็นส่วนๆ โดยแต่ละส่วน ถือเป็นไฟล์ HTML แต่ละไฟล์
Table แบ่งโครงสร้างของหน้าเป็นตารางหลายเซลล์ หลายคอลัมน์ แต่ละแถว อาจมีจํานวนคอลัมนน์ไม่เท่ากัน หรือแต่ละคอลัมน์ อาจมีจํานวนแถวไม่เท่ากันได้
Paragraphแสดงข้อความเมื่อขึ้นย่อหน้าใหม่
Font แสดงรูปแบบตัวอักษร อาจเติมสี กําหนด Font ทําตัวหนา ตัวเอียง ได้
List แสดงข้อมูลเป็นรายการ โดยอาจเป็น Bullet หรือเป็นตัวเลข (Order List) ได้
Image แทรกรูปภาพ / Flash Object แทรกเป็นภาพเคลื่อนไหวในรูปแบบ Flash ได้
Link ใช้สร้าง Link โดยอาจ Link จากข้อความ หรือจากภาพ ก็ได้ สามารถ Link แล้วเป็ดเป็น Window ใหม่ หรือ Window เดิม ได้ อาจ Link ไปไฟล์อื่นในไซต์, Link เป็น URL ใหม่เลยก็ได้ หรือ Link เป็นไฟล์ เช่น Word, Power Point ก็ได้
<HTML>?</HTML> เป็นคําสั่งสําหรั บเริ่มตัน code ส่วนที่เป็นภาษา HTML
<HEAD>?</HEAD> ใช้กําหนดรายละเอียดของหัวเรื่อง และรายละเอียด ในส่วน Head จะประกอบด้วย
Tag HTML คือ tag <TITLE>..</TITLE>, tag <SCRIPT>?</SCRIPT>
<META?> ใช้กำหนดรายละเอียด อื่นๆ ซึ่งจะกล่าวต่อไป
<BODY>?</BODY> เป็นส่วนแสดง รายละเอียด คือส่วนที่เนื้อหาที่แสดงทางหน้าจอทั้งหมด ส่วนประกอบ หลัก ได้แก่ paragraph, image, font, link, table สําหรับใช้จัดหน้า
โครงสร้างของหลักของ HTML
<html>
<head>
คำสั่งในหัวข้อของ head
</head>
<body>
คำสั่งในหัวข้อของ body ในส่วนนี้จะเป็นส่วนที่ใช้แสดงผล
</body>
</html>
0 ความคิดเห็น:
แสดงความคิดเห็น