งานที่ 4 นางสาว สุจิตรา เสือน่วม ม.4/1
เมื่อ พุธ, 04/07/2012 - 20:11 | แก้ไขล่าสุด พุธ, 04/07/2012 - 20:11| โดย 
pncview
การสร้างเว็บเพจด้วยภาษา HTML
โดย Sorasak Sattayanuwat
HTML ย่อมาจากคำว่า "HyperText Markup
Language" เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่งของคอมพิวเตอร์
ที่แสดงผลในลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ในรูปแบบต่างๆ
ไม่ว่าเป็นภาพกราฟิก ภาพนิ่ง ภาพเคลื่อนไหว เสียง
หรือการเชื่อมโยงไปยังเว็บไซต์อื่นๆ
ภาษา HTML เป็นภาษาที่มีลักษณะของโค้ด
กล่าวคือ จะเป็นไฟล์ที่เก็บข้อมูลที่เป็นตัวอักษรในมาตรฐานของรหัสแอสกี (ASCII
Code) โดยเขียนอยู่ในรูปแบบของเอกสารข้อความ
จึงสามารถกำหนดรูปแบบและโครงสร้างได้ง่าย
การสร้างเว็บเพจ
เราสามารถสร้างเว็บเพจได้ 2
ทาง คือ
TextEditor โดยเราต้องรู้คำสั่งของภาษา HTML แล้วพิมพ์โปรแกรมเข้าไปทางTextEditor
เช่น Notepad เป็นต้น
ตัวช่วยสร้าง โดยใช้โปรแกรมที่มีความสามารถในการสร้างเว็บเพจโดยเราไม่จำเป็นต้องรู้ภาษา
HTML เพราะโปรแกรมเหล่านี้จะทำการแปลงให้เราอัตโนมัติ
ขั้นตอนในการสร้างเว็บเพจ
เปิดโปรแกรม TextEditor แล้วทำการพิมพ์คำสั่ง
HTML แล้วเซฟเป็นไฟล์นามสกุล .htm หรือ
.html
เปิดโปรแกรม WebBrowser เพื่อใช้ในการดูผลลัพธ์ที่ได้จากการเขียนภาษา
HTML จากที่ได้เขียนจาก TextEditor
โครงสร้างภาษา HTML
การเขียนภาษา HTML นั้นมีส่วนประกอบหลักอยู่
2 ส่วน คือ ส่วนที่เป็นเนื้อหา
และส่วนที่เป็นคำสั่ง ส่วนที่เป็นคำสั่งนั้นจะอยู่ในรูปของ Tag ซึ่งจะเขียนอยู่ในเครื่องหมาย
มากกว่า และ น้อยกว่า < > แต่ละ Tag มีหน้าที่ที่แตกต่างกันออกไป
ซึ่งจะกล่าวในบทต่อไป
Tag แบ่งออกเป็น 2
ประเภท คือ
แท็กเดี่ยว คือ
คำสั่งที่มีคำสั่งเพียงอย่างเดียว
ซึ่งสามารถใช้และสิ้นสุดคำสั่งได้ด้วยตัวของมันเอง เช่น
ข้อความ.... <br>
<hr>
<! - ข้อความ - >
แท็กคู่ คือ
คำสั่งที่ต้องมีส่วนเริ่มต้นและส่วนจุดจบของคำสั่งนั้นๆ
โดยแท็กที่เป็นส่วนจบนั้นจะมีเครื่องหมาย slash / ติดเอาไว้
เช่น
<html> ส่วนของเนื้อหา ..... </html>
<center> ข้อความ..... </center>
<p> ข้อความ.... </p>
*** ถ้าหากมีการใช้แท็กคู่หลายๆ คำสั่ง เช่น
คำสั่งตัวขีดเส้นใต้ <U> .... </U> และตามด้วย
คำสั่ง ตัวเอียง <I>....</I> จะต้องปิดคำสั่งตัวเอียงก่อน
แล้วจึงจะมาปิดคำสั่งตัวหนา***
<I> U> ข้อความ.... </U>
</I>
การจัดวางที่เห็นเป็นการจัดวางแบบมาตรฐาน
ซึ่งประกอบไปด้วย 4 ส่วน ซึ่งเวลาเริ่มเขียนภาษาHTML ควรเริ่มจากตรงนี้ก่อนทุกครั้ง
คำสั่งหลัก <HTML> ....
</HTML> เป็นคำสั่งที่ไว้กำหนดจุดเริ่มต้นและจุดจบของเอกสาร
คำสั่งหลัก <HEAD> ....
</HEAD> เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง
โดยภายในคำสั่งนี้จะประกอบไปด้วย
คำสั่งหลัก <TITLE> ....
</TITLE> เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการให้ขึ้นอยู่ในส่วนของ
Title Bar โดยสามารถพิมพ์ได้ยาว 64
ตัวอักษร
คำสั่งหลัก <BODY> ....
</BODY> เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบของเอกสารทั้งหมด
ว่าจะให้มีลักษณะอย่างไร
ตัวอย่าง
ช่วยด้วยครับ
นักเรียนที่สร้างบล็อก กรุณาอย่า
คัดลอกข้อมูลจากเว็บอื่นทั้งหมด
ควรนำมาจากหลายๆ เว็บ แล้ววิเคราะห์ สังเคราะห์ และเขียนขึ้นใหม่
หากคัดลอกทั้งหมด จะถูกดำเนินคดี
ตามกฎหมายจากเจ้าของลิขสิทธิ์
มีโทษทั้งจำคุกและปรับในอัตราสูง
ช่วยกันนะครับ
ไทยกู๊ดวิวจะได้อยู่นานๆ
ไม่ถูกปิดเสียก่อน
ขอขอบคุณในความร่วมมือครับ
ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558
มีผลบังคับใช้แล้ว
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ
