HTML
HTML หรือชื่อเต็มๆ ก็คือ Hypertext
Markup Language เป็นภาษาประเภท Markup ที่ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ
มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ
รูปภาพ เสียง อื่นๆ ที่สามารถเรียกดูผ่านทางเว็บเบราว์เซอร์ได้ ซึ่งแต่ละ Tag
สามารถระบุหรือควบคุมการแสดงผลของเว็บให้เป็นไปตามที่ผู้ออกแบบเว็บไซต์กำหนดไว้
ความเป็นมาของ HTML
ความเป็นมาของ HTML เริ่มขึ้นเมื่อปี 1980 เมื่อ Tim
Berners Lee เสนอต้นแบบสำหรับนักวิจัยใน CERN เพื่อแลกเปลี่ยนเอกสาร
ข้อมูลด้านการวิจัย โดยใช้ชื่อว่า Enquire ในปี 1990
เค้าได้เขียนโปรแกรมเบราเซอร์ และทดลองรันบนเซิฟเวอร์ที่เค้าพัฒนาขึ้น HTML
ได้รับการรู้จักจาก HTML Tag ซึ่งมีอยู่ 18
Tag ในปี 1991 HTML ถูกพัฒนาจาก SGML และ Tim ก็คิดเสมือนว่า
HTML เป็นโปรแกรมย่อยของ SGML อยู่ในตอนนั้น
ต่อมาในปี 1996 เพื่อกำหนดมาตรฐานให้ตรงกัน W3C World
Wide Web Consortium จึงเป็นผู้กำหนดสเปกทั้งหมดของ HTML และปี 1999 HTML 4.01 ก็ถือกำเนิดขึ้น โดยมี HTML
5 ซึ่งเป็น Web Hypertext Application ถูกพัฒนาต่อมาในปี
2004 นอกจากนี้ยังมีการพัฒนาไปเป็น XHTML ซึ่ง คือ Extended
HTML ซึ่งมีความสามารถและมาตรฐานที่รัดกุมกว่าอีกด้วย
โดยอยู่ภายใต้การควบคุมของ W3C (World Wide Web
Consortium)
รูปแบบการทำงานของ HTML
HTML มีรูปแบบการทำงานง่ายๆ HTML
จะอ่านจากซ้ายไปขวา จากบนลงล่าง
เมื่อเราพิมพ์ข้อความตัวอักษรธรรมดาลงไปแล้วทำการบันทึก พอเราเปิดไฟล์นั้นๆ
มาดูผลลัพธ์ที่จะแสดงผลที่หน้าจอก็จะเป็นเหมือนตอนที่พิมพ์ข้อความตัวอักษรธรรมดาลงไป
หากต้องการผลลัพธ์ที่แตกต่างต้องใช้ Tag ในการควบคุมการแสดงผล
การสร้างเว็บเพจ
โดยใช้ภาษา HTML
สามารถทำโดยใช้โปรแกรม Text Editor ต่างๆ เช่น
Notepad, EditPlus หรือจะอาศัยโปรแกรมที่เป็นเครื่องมือช่วยสร้างเว็บเพจ
เช่น Microsoft FrontPage, Dream Weaver ซึ่งอํานวยความสะดวกในการสร้างหน้า
HTML ในลักษณะ WYSIWYG (What You See Is What You
Get)
ข้อเสียของ HTML
มีข้อเสียคือ โปรแกรมเหล่านี้มัก generate code ที่เกินความจำเป็นมากเกินไป
ทําให้ไฟล์ HTML มีขนาดใหญ่ และแสดงผลช้า
ดังนั้นหากเรามีความเข้าใจภาษา HTML จะเป็นประโยชน์ให้เราสามารถแก้ไข
code ของเว็บเพจได้ตามความต้องการ และยังสามารถนำ script
มาแทรก ตัดต่อ สร้างลูกเล่นสีสันให้กับเว็บเพจของเราได้
ตัวอย่างโค้ด HTML
จากภาพจะเห็นว่า… HTML มีรูปแบบการเขียนที่ชัดเจน จะประกอบด้วย Tag
พื้นฐาน ดังนี้
Tag <html>…</html> เป็นส่วนประกาศที่กำหนดหัวละท้ายของเอกสาร เพื่อให้บราว์เซอร์ทราบและแสดงผลได้ถูกต้อง
Tag <html>…</html> เป็นส่วนประกาศที่กำหนดหัวละท้ายของเอกสาร เพื่อให้บราว์เซอร์ทราบและแสดงผลได้ถูกต้อง
Tag
<head>…</head> เป็นส่วนหัวเรื่องของเอกสาร
ภายในจะมี Tag <title>…</title> ใช้สำหรับการกำหนดชื่อของเอกสาร
Tag <body>…</body> เป็นส่วนที่มีรายละเอียดมากที่สุด จะบรรจุข้อมูลต่างๆ ที่ต้องการให้แสดงบนหน้าเว็บไซต์ของเรา ทั้งข้อความ รูปภาพ เป็นต้น
Tag <body>…</body> เป็นส่วนที่มีรายละเอียดมากที่สุด จะบรรจุข้อมูลต่างๆ ที่ต้องการให้แสดงบนหน้าเว็บไซต์ของเรา ทั้งข้อความ รูปภาพ เป็นต้น
ผลลัพธ์หน้าจอแสดงผล
การเรียกใช้งานหรือทดสอบการทำงานของเอกสาร HTML จะใช้โปรแกรม Internet
Web Browser เช่น Internet Explorer (IE), Mozilla Firefox,
Safari, Opera, และ Google Chrome เป็นต้น
ที่มา : http://www.codingbasic.com/html.html
http://www.enjoyday.net/webtutorial/html/html_chapter01.html
http://www.fusionidea.biz/html
ไม่มีความคิดเห็น:
แสดงความคิดเห็น