ผู้ชม
1
เนื้อหา
23
เนื้อหาที่เปิดอ่าน
7692566

เรียนรู้เรื่องภาษา HTML

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

เพราะเราไม่จำเป็นต้องใช้โปรแกรมอะไรมากมายนัก เพียงแค่มีคอมพิวเตอร์และระบบปฏิบัติการเท่านั้น โดยการใช้เครื่องมือที่มีอยู่ในระบบปฏิบัติการของเราสร้างขึ้นมา เครื่องมือในที่นี้ก็คือ โปรแกรม Notepad หวังว่าคงไม่มีใครไม่รู้จักโปรแกรม Notepad นะครับ

แสดงการเปิดโปรแกรม Notepad

รูป แสดงการเปิดโปรแกรม Notrpad

เปิดโปรแกรม Notepad และเริ่มต้นกันด้วย การพิมพ์ข้อความตามผมดังนี้

ใส่ชื่อหรือไตเติ้ลให้กับเอกสาร

<HTML>
<HEAD>
<TITLE>m2010thai ศูนย์ความรู้ออนไลน์TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

<HTML>
</HTML>

แต่ละข้อความที่พิมพ์มานี้เราเรียกมันว่า แท็ก (Tag) ซึ่งแท็กแรก เป็นแท็กที่ใช้บอกว่าเป็นการเริ่มต้นเอกสาร และต่อมาก็คือแท็กที่ใช้บอกจุดสิ้นสุด การกำหนดว่าแท็กใด เป็นแท็กสิ้นสุด สามารถทำได้โดยการใส่เครื่อง หมาย "/" ไว้ที่หน้าแท็ก เป็นส่วนใหญ่, แต่ก็ไม่ได้หมายความว่าทุกแท็ก จำเป็นจะต้องมีแท็กปิดเสมอไป

เมื่อเรานึกถึง "แท็ก" ก็เหมือนกับว่า เราได้พูดคุยกับ โปรแกรมเบราส์เซอร์ หรือไม่ก็ เป็นการ บอกรายละเอียด ให้กับมัน แล้วอะไรละที่คุณบอก สิ่งแรกก็คือ "นี่คือการเริ่มต้นเอกสาร <HTML> และสิ่งต่อมาก็คือ "นี่คือการสิ้นสุดเอกสาร" </HTML> เมื่อมาถึงตรง นี้แล้ว สิ่งที่จะต้องทำต่อไปก็คือเริ่มใส่แท็กอื่น ๆ เข้าไปอีก

ในเอกสาร HTML โดยทั่วไปมักจะต้องมีแท็ก HEAD เพื่อกำหนดรายละเอียดในส่วนหัวของเอกสาร

<HTML>
<HEAD>
</HEAD>
</HTML>


และรายละเอียดแรกที่เราจะใส่ไว้ในส่วนหัวของเอกสาร (อยู่ระหว่างแท็ก HEAD) ก็คือ แท็กไตเติ้ล TITLE ซึ่งก็คือชื่อเรื่องนั่นเอง

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>

และต่อมาก็คือแท็ก BODY ซึ่งเป็นแท็กที่สำคัญอย่างยิ่ง เพราะต่อไปรายละเอียดต่างๆ ใน เอกสารของเราจะถูกใส่ไว้ภายในแท็กนี้

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

 

บันทึก ข้อมูลที่พิมพ์มาทั้งหมดโดยเลือก File / Save as แล้วตั้งชื่อเป็น page1.shtml
สำหรับผู้ใช้ windows เวอร์ชั่น 3.11 ให้ตั้งชื่อเป็น page1.htm

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

เอ้อ!..ลืมบอกไปนะครับสำหรับหน้าแรกของเว็บไซต์เราควรตั้งชื่อว่า index นะครับไม่งั้นเวลาอัพขึ้นโฮสแล้วมันจะไม่รันหน้าแรกให้เรานะครับ

ก่อนที่จะข้ามไปเรียนรู้ในบทต่อไป มีสิ่งจำเป็น 2 ประการที่เพื่อนจะต้องเตรียมก็คือ ประการแรก เพื่อนๆจะต้องเตรียมข้อมูล พอคร่าว ๆ ว่าเว็บเพจของเพื่อนๆควรจะมีหน้าตาเป็นอย่างไร และประการที่สองก็คือเพื่อนๆต้องจำองค์ประกอบพื้นฐานของ เอกสาร HTML ในบทนี้ให้ดี