html

	Sign In Sign-Up

html

วิธีการเขียนภาษา html

บทที่ 2 การตกแต่งตัวหนังสือ
กระโดดข้ามไปเรื่องtag

home
202 board
202 chat
ข่าวสาร
Guestbook
มุมความรู้
Downloads
picture
Vote Board
Games

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

ก็การที่เราใช้อินเตอร์เน็ตนั้นเราก็ต้องเปิด Internet Explorer หรือ Netscape ใช่มั้ย โปรแกรมประเภทเนี้ยเรียกว่า browser แล้วตัวbrowser มันจะแปลจากภาษาได้หลายภาษาเลยหล่ะแล้ว html ก็เป็นหนึ่งในนั้น(อันที่จริงเป็นตัวหลัก) สรุปแล้วเราก็กำลังจะบอกว่า การที่เราอ่านอะไรก็ตามที่เปิดจาก Internet Explorer หรือ Netscape จะรับภาษา html เข้ามาแปลให้เป็นภาษาที่คนอ่านได้ไงหล่ะ (เรายังงงๆอยู่ว่าเขียนพารากราฟนั้ไปทำไมงั้นต่อเลยนะ)
ภาษา html ย่อมาจาก HyperText Markup Language อันที่จริงในการเขียนเว็บเพจนั้นไม่จำเป็นต้องใช้ภาษา html เลยก็ได้แต่ผลที่ได้ออกมาจะเป็นตัวอักษรสีดำเรียงยาวเป็นแถวดูแล้วไม่สวยงามที่สุดเพราะฉะนั้นสิ่งที่ html ทำนั้นก็คือ มันจะช่วยตกแต่งตัวอักษรเช่น ทำให้มีสีต่างๆ ปรับแต่งขนาดของตัวอักษร ฟอนต์ต่างๆ เป็นต้น ทีนี้เพื่อนๆคงจะเข้าใจความหมายของ html กันแล้ว จะรออะไรอยู่เล่าเรามาเริ่มเขียนภาษา html กันเลยดีกว่า
คุณสมบัติของผู้เขียน

เป็นหญิงหรือเป็นชายหรือเกย์หรือกระเทยหรือทอมหรือดี้หริอเลสเบี้ยนหรืออะไนก็ได้แต่อย่าเป็นมนุษย์ต่างดาวก้อพอ
มีความตั่งใจที่จะเขียน html
ใช้คอมพิวเตอร์เป็น
อ่านหนังสือออก

สิ่งที่จะต้องเตรียมมีดังนี้

คอมพิวเตอร์ 1 เครื่อง (ต้องมีแน่ๆไม่งั้นคงไม่อ่านอยู่ตอนนี้หรอก)
โปรแกรมที่เป็น text editor เช่น notepad ,microsoft word เป็นต้น แต่ที่สำคัญต้อง save เป็น txt ได้
browser อะไรก็ได้ เช่น Internet Explorer, Netscape

จากที่เขียนมาเราแน่ใจว่าทุกคนคงมีพร้อมหมดแน่นอน(ยกเว้นใครที่ใช้ unixหรือ mac โปรแกรมอาจจะแตกต่างเราก็ไม่รู้ไม่เคยใช้) เพราะต้องมีคอมพิวเตอร์อยู่แล้วและพวก text editor และ browser นั้น มีมาให้อยู่แล้วใน windows (ใครไม่มีไปฟ้องร้องได้เลย) และแล้วเวลาอันสำคัญก็มาถึงจงทำตามขั้นตอนต่อไปนี้แล้วท่านจะบรรลุผลตามความมุ่งหมาย

1. เปิดโปรแกรม text editor ขึ้นมาได้เลย เราแนะว่าน่าจะเป็น notepad เพราะว่าเราจะพูดถึงโปรแกรมนั้น
2.พิมพ์ข้อความดังต่อไปนี้ลงไปใน notepad
<html>
<head>

<title>m202 is the best</title>

</head>
<body>
hello this is my first page.
</body>
</html>
*จงพึงระลึกไว้ว่าการเขียนโปรแกรมอะไรก็ตามจงระวังตัวสะกดให้ดีอันนี้ไม่ได้ขู่ด้วยนะเพราะถ้าพิมพ์ผิด นิดเดียวมันก็เสียหายแล้วนะ(เกิดบ่อยกับเรา)แต่ตอนนี้ไม่ต้องไปกังวลมากเพราะ ภาษา html ไม่ค่อยจะเข้มงวดนัก เมื่อพิมพ์เสร็จแล้วให้ save ในชื่อ first.html (ถ้า save แล้วมันมีข้อความเตือนขึ้นมาให้เปลี่ยนตรง encode ให้เป็น Unicode ซะ มันจะเกิดขึ้นถ้าบังอาจพิมพ์เป็นภาษาไทยแทน และใช้ window 2000)แล้วให้เปิด Internet Explorer ขึ้นมาแล้วเปิดไฟล์ที่เรา save ไปเมื่อกี้

ถ้าได้ผลดังนี้แล้วเพื่อนๆก็คงจะมีคำถามตามมาอย่างมากมายว่า เมื่อกี้เราทำอะไรลงไป เพราะฉะนั้นเราจะอธิบายที่ละอย่างละกัน
ที่เมื่อกี้เราให้พิมพ์ลงไปใน Notepad นั้นส่วนที่อยู่ในเครื่องหมาย <,> เรียกว่า Tag มันคือคำสั่งในภาษาhtml นั้นเอง และถ้ามีตัว / ขึ้นมาก่อน เช่น </html> , </body> ก็หมายความว่า เป็นการจบคำสั่งๆนั้น tag บางชนิดไม่จำเป็นต้องมีการเขียน tag จบคำสั่ง แต่ส่วนมากต้องการทั้งนั้น
Tag ต่างๆในภาษา html
ดูจากที่เขียนไปเมื่อกี้ก่อนเลยนะ
<html>,</html>
ส่วนนี้เป็นส่วนที่กำหนดว่าอะไรก็ตามที่อยู่ภายในนั้นเป็น ไฟล์ html
<head>,</head>
จะเป็นส่วนที่กำหนด title bar หรือใช้เป็นส่วนของ meta tag เป็นต้น
<title>,</title>
เป็นส่วนที่กำหนดTitle bar ของหน้านั้นๆ ดังรูปที่ 2
<body></body>
ตรงนี้จะใส่ตักอักษรอะไรลงไปก็ได้แล้วจะได้ผลอย่างที่เห็นในรูป
ทีนี้ก็ได้บอกเรื่องของ tag ขั้นพื้นฐานที่สุดไปแล้วนะ เป็นยังไงมั่งล่ะ เดาว่าคงจะกระหายที่จะทดลองใช้กันแล้วใช่มั้ย เพราะฉะนั้น เชิญไปทดลองกันก่อนแล้วค่อยมาขึ้นบทต่อไปกันเลย

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

บทความนี้โดย พราว

	วิธีการเขียนภาษา html บทที่ 2 การตกแต่งตัวหนังสือ กระโดดข้ามไปเรื่องtag
home 202 board 202 chat ข่าวสาร Guestbook มุมความรู้ Downloads picture Vote Board Games	คือว่าภาษานี้เนี้ยเราก็คิดว่าชำนาญพอสมควรแล้ว(แต่จะเขียนทีไรเปิดตำราดูทุกทีเลย) เราเลยคิดว่าจะทำเรื่องนี้ขึ้นมาให้เพื่อนๆ 202 อ่านกัน แถมเราเป็นวิชาการคอมด้วย เลยน่าจะทำประโยชน์สักหน่อยเพรายังไม่มีงานอะไรทำเลย แล้วก็อีกสาเหตุหนึ่งที่เรา คิดจะทำเรื่องนี้ขึ้นมานั้นต้องขอบคุณ แป้ง ที่เคยพูดกับเราว่าโรงเรียนน่าจะสอนภาษา html ไม่เป็นไรโรงเรียนไม่สอนเราสอนเอง แต่ว่าที่เราจะเขียนต่อไปนี้จะเป็นเรื่องเกี่ยวกับภาษา html แบบย่อๆนะ และจะพยายามทำให้เข้าใจง่ายที่สุดเลย เอาล่ะเรามาเริ่มกันเลย ก่อนจะเขียนภาษา html นั้น ทำไม่เราไม่บอกก่อนล่ะว่ามันคืออะไร ก็การที่เราใช้อินเตอร์เน็ตนั้นเราก็ต้องเปิด Internet Explorer หรือ Netscape ใช่มั้ย โปรแกรมประเภทเนี้ยเรียกว่า browser แล้วตัวbrowser มันจะแปลจากภาษาได้หลายภาษาเลยหล่ะแล้ว html ก็เป็นหนึ่งในนั้น(อันที่จริงเป็นตัวหลัก) สรุปแล้วเราก็กำลังจะบอกว่า การที่เราอ่านอะไรก็ตามที่เปิดจาก Internet Explorer หรือ Netscape จะรับภาษา html เข้ามาแปลให้เป็นภาษาที่คนอ่านได้ไงหล่ะ (เรายังงงๆอยู่ว่าเขียนพารากราฟนั้ไปทำไมงั้นต่อเลยนะ) ภาษา html ย่อมาจาก HyperText Markup Language อันที่จริงในการเขียนเว็บเพจนั้นไม่จำเป็นต้องใช้ภาษา html เลยก็ได้แต่ผลที่ได้ออกมาจะเป็นตัวอักษรสีดำเรียงยาวเป็นแถวดูแล้วไม่สวยงามที่สุดเพราะฉะนั้นสิ่งที่ html ทำนั้นก็คือ มันจะช่วยตกแต่งตัวอักษรเช่น ทำให้มีสีต่างๆ ปรับแต่งขนาดของตัวอักษร ฟอนต์ต่างๆ เป็นต้น ทีนี้เพื่อนๆคงจะเข้าใจความหมายของ html กันแล้ว จะรออะไรอยู่เล่าเรามาเริ่มเขียนภาษา html กันเลยดีกว่า คุณสมบัติของผู้เขียน เป็นหญิงหรือเป็นชายหรือเกย์หรือกระเทยหรือทอมหรือดี้หริอเลสเบี้ยนหรืออะไนก็ได้แต่อย่าเป็นมนุษย์ต่างดาวก้อพอ มีความตั่งใจที่จะเขียน html ใช้คอมพิวเตอร์เป็น อ่านหนังสือออก สิ่งที่จะต้องเตรียมมีดังนี้ คอมพิวเตอร์ 1 เครื่อง (ต้องมีแน่ๆไม่งั้นคงไม่อ่านอยู่ตอนนี้หรอก) โปรแกรมที่เป็น text editor เช่น notepad ,microsoft word เป็นต้น แต่ที่สำคัญต้อง save เป็น txt ได้ browser อะไรก็ได้ เช่น Internet Explorer, Netscape จากที่เขียนมาเราแน่ใจว่าทุกคนคงมีพร้อมหมดแน่นอน(ยกเว้นใครที่ใช้ unixหรือ mac โปรแกรมอาจจะแตกต่างเราก็ไม่รู้ไม่เคยใช้) เพราะต้องมีคอมพิวเตอร์อยู่แล้วและพวก text editor และ browser นั้น มีมาให้อยู่แล้วใน windows (ใครไม่มีไปฟ้องร้องได้เลย) และแล้วเวลาอันสำคัญก็มาถึงจงทำตามขั้นตอนต่อไปนี้แล้วท่านจะบรรลุผลตามความมุ่งหมาย 1. เปิดโปรแกรม text editor ขึ้นมาได้เลย เราแนะว่าน่าจะเป็น notepad เพราะว่าเราจะพูดถึงโปรแกรมนั้น 2.พิมพ์ข้อความดังต่อไปนี้ลงไปใน notepad <html> <head> <title>m202 is the best</title> </head> <body> hello this is my first page. </body> </html> จงพึงระลึกไว้ว่าการเขียนโปรแกรมอะไรก็ตามจงระวังตัวสะกดให้ดีอันนี้ไม่ได้ขู่ด้วยนะเพราะถ้าพิมพ์ผิด นิดเดียวมันก็เสียหายแล้วนะ(เกิดบ่อยกับเรา)แต่ตอนนี้ไม่ต้องไปกังวลมากเพราะ ภาษา html ไม่ค่อยจะเข้มงวดนัก เมื่อพิมพ์เสร็จแล้วให้ save ในชื่อ first.html (ถ้า save แล้วมันมีข้อความเตือนขึ้นมาให้เปลี่ยนตรง encode ให้เป็น Unicode ซะ มันจะเกิดขึ้นถ้าบังอาจพิมพ์เป็นภาษาไทยแทน และใช้ window 2000)แล้วให้เปิด Internet Explorer ขึ้นมาแล้วเปิดไฟล์ที่เรา save ไปเมื่อกี้ ถ้าได้ผลดังนี้แล้วเพื่อนๆก็คงจะมีคำถามตามมาอย่างมากมายว่า เมื่อกี้เราทำอะไรลงไป เพราะฉะนั้นเราจะอธิบายที่ละอย่างละกัน ที่เมื่อกี้เราให้พิมพ์ลงไปใน Notepad นั้นส่วนที่อยู่ในเครื่องหมาย <,> เรียกว่า Tag* มันคือคำสั่งในภาษาhtml นั้นเอง และถ้ามีตัว / ขึ้นมาก่อน เช่น </html> , </body> ก็หมายความว่า เป็นการจบคำสั่งๆนั้น tag บางชนิดไม่จำเป็นต้องมีการเขียน tag จบคำสั่ง แต่ส่วนมากต้องการทั้งนั้น Tag ต่างๆในภาษา html ดูจากที่เขียนไปเมื่อกี้ก่อนเลยนะ <html>,</html> ส่วนนี้เป็นส่วนที่กำหนดว่าอะไรก็ตามที่อยู่ภายในนั้นเป็น ไฟล์ html <head>,</head> จะเป็นส่วนที่กำหนด title bar หรือใช้เป็นส่วนของ meta tag เป็นต้น <title>,</title> เป็นส่วนที่กำหนดTitle bar ของหน้านั้นๆ ดังรูปที่ 2 <body></body> ตรงนี้จะใส่ตักอักษรอะไรลงไปก็ได้แล้วจะได้ผลอย่างที่เห็นในรูป ทีนี้ก็ได้บอกเรื่องของ tag ขั้นพื้นฐานที่สุดไปแล้วนะ เป็นยังไงมั่งล่ะ เดาว่าคงจะกระหายที่จะทดลองใช้กันแล้วใช่มั้ย เพราะฉะนั้น เชิญไปทดลองกันก่อนแล้วค่อยมาขึ้นบทต่อไปกันเลย สรุปแล้วจะทำต่อละกันเพราะมีคนโหวตมาให้ทำต่อ แต่ยังสงสัยอยู่ว่าเป็นคนเดียวกันหรือเปล่า บทความนี้โดย พราว