การเขียนเว็บเพจด้วยภาษา HTML

รูปภาพของ skksrisakul

รู้จักกับภาษา HTML


ภาษา HTML (Hyper Text Markup Language) เป็นภาษาแรกที่ใช้ในการเขียนโปรแกรม เพื่อให้ข้อมูลที่เขียนไปแสดงผลบนเครือข่ายอินเทอร์เน็ตในลักษณะของข้อความ รูปภาพ เสียง และภาพเคลื่อนไหวต่างๆ


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


-    สามารถแสดงผลบนเว็บเบราเซอร์ทุกตัวที่สนับสนุน HTML เช่น Microsoft Internet Explorer (I.E.), Netscape Navigator และ American Online เป็นต้น

-    HTML ที่ถูกบันทึกใน Text Editor จะมีชนิดไฟล์เป็น .htm สำหรับระบบปฏิบัติการ DOS และจะมีชนิดไฟล์เป็น .html หรือ .htm ในระบบปฏิบัติการ Windows หรือ ระบบปฏิบัติการ Linux

-    สามารถใช้งานร่วมกับโปรแกรมสำเร็จรูปที่ใช้สำหรับสร้างเว็บเพจทั่วไปได้ง่าย และไฟล์ที่ได้จะมีขนาดเล็ก เช่น เมื่อเขียนโปรแกรม HTMl จาก Notepad แล้วสามารถนำไปเปิดแก้ไขหรือตกแต่งเพิ่มเติมในโปรแกรม FrontPage หรือ Dreamweaver และโปรแกรมอื่นๆ ได้อย่างสะดวกและรวดเร็ว
หลักการสร้างเว็บเพจด้วยตนเองโดยการใช้ภาษา HTML 

การจะสร้างเว็บเพจด้วยตนเองโดยใช้ภาษา HTML ได้นั้น จะต้องมีเครื่องมือที่ใช้ในการสร้างเว็บเพจอยู่ 2 ประเทภคือ Text Editor และ Web Browser


1. Text Editor คือ โปรแกรมต่างๆ ที่ใช้ในการกำหนดข้อความ และรูปแบบคำสั่งต่างๆ ของภาษา HTML ซึ่งปัจจุบันผู้เขียนโปรแกรมส่วนใหญ่จะใช้โปรแกรม Notepad ในการเขียนโปรแกรม HTML เป็นหลัก
    1.1 Notepad

 

 

ภาพที่ 2-1  โปรแกรม notepad

การเข้าโปรแกรมสามารถเข้าได้ดังนี้    start ----->programs---->Accessories----->notepad
จะสังเกตว่าเป็นโปรแกรมที่จะต้องพิมพ์โค้ตเองทั้งหมด เมื่อเวลาพิมพ์โค้ตเสร็จแล้วและต้องการบันทึกปกติโปรแกรมนี้จะบันทึกให้เราเป็นนามสกุล *.txt หรือนามสกุลแบบเท็กไฟล์ แต่ภาษาที่เราจะใช้นั้นคือ html เวลาบันทึกเป็น *.txt จะไม่สามารถเปิดได้ให้ทำการบันทึกเป็นนามสกุล *.html หรือ *.htm ปลี่ยนนามสกุลได้ที่ตรง file name ให้เซพชื่อแล้วตามด้วย .html หรือ .htm 

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

 

 

ภาพ:โปรแกรม Editplus
สามารถหาดาวน์โหลดได้ที่ http://www.download.com หรือ http://www.thaiware.com

สร้างโดย: 
นางศรีสกูล จิรรัตน์สกุล

มหาวิทยาลัยศรีปทุม ผู้ใหญ่ใจดี
 

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

ช่วยกันนะครับ 
ไทยกู๊ดวิวจะได้อยู่นานๆ 
ไม่ถูกปิดเสียก่อน

ขอขอบคุณในความร่วมมือครับ

อ่านรายละเอียด

ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558 
มีผลบังคับใช้แล้ว 
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ

 

สมาชิกที่ออนไลน์

ขณะนี้มี สมาชิก 0 คน และ ผู้เยี่ยมชม 522 คน กำลังออนไลน์