Please insert

ภาษา HTML คืออะไร

รูปแบบของเอกสาร HTML เป็นอย่างไร?

1. ข้อความหรือชุดคำสั่งใดๆที่อยู่ระหว่างชุดคำสั่ง  จะเป็นส่วนของ การบรรยายคุณลักษณะของเอกสาร
   

2. ข้อความหรือชุดคำสั่งใดๆที่อยู่ระหว่างชุดคำสั่ง  จะเป็นส่วนของ เนื้อหาของเอกสาร

หลักการเขียนภาษา HTML แบบง่ายๆ

1. จัดให้คำสั่งเปิดและปิดในแต่ละชุดคำสั่งอยู่ใน column ตรงกัน

2. ข้อความที่ไม่ยาวมาก ถ้ามีคำสั่งเปิดและปิด ให้เขียนในบรรทัดเดียวกัน

3. คำสั่งที่มีตัวเปิดและปิด ให้เขียนตัวเปิด/ปิดให้เรียบร้อยก่อนที่จะเขียนข้อความลงไป
   เช่น ต้องการเขียน"HTML editor สำหรับภาษาไทย"ก็ควรเริ่มด้วย
   

    

   HTML editor สำหรับภาษาไทย

   
   วิธีการนี้จะช่วยให้ลดความผิดพลาดลงได้มาก

4. ข้อความที่อยู่ในคำสั่งเปิดและปิด ให้พิมพ์เยื้องไปทางขวา

5. คำสั่งใดที่อยู่ในคำสั่งเปิดและปิดของคำสั่งอื่น ให้พิมพ์เยื้องไปทางขวามากกว่าเดิมอีกเล็กน้อย

การตั้งค่าให้กับ pageคำสั่งพื้นฐาน ในการเขียนโฮมเพจ
         หลังจากบทแรกเรารู้อุปกรณ์ที่ใช้เขียนโฮมเพจ และพื้นฐานของภาษา HTML ในบทนี้เราจะมาเริ่มเขียนกันเลย เอาหละครับตอนนี้ให้คุณเปิดโปรแกรม Browser และ HTML editer หรือ notepad ขึ้นมาก่อน แล้วพิมพ์ข้อความข้างล่างลงไปครับ

เรามาทำความเข้าใจกัน
 เป็นตัวบอกว่านี้เป็นเอกสาร HTML คุณต้องใส่ TAG นี้ลงทุกหน้า
 เป็นส่วนกำหนดชื่อเรื่อง และข้อมูลบางอย่างเกี่ยวกับ page ของคุณ
 ในส่วนของ ข้อความ เอาไว้ใส่หัวข้อหลักของ page คุณ
 tag ปิดของ tag head ต้องพิมพ์ลงไปด้วย
 เป็นตัวบอกว่าเนื้อหาของโฮมเพจคุณจะอยู่ใน tag นี้
บรรทัดนี้เป็นส่าวของเนื้อหาทั้งหมด
อย่าลือปิด tag body ด้วยล่ะ
เสร็จแล้วก็ปิด tag html ด้วย

เมื่อพิมพ์เสร็จแล้วก็ให้ save ไว้ให้เป็น .html หลังจากนั้นเปิดดูด้วย browser คุณก็จะเห็นข้อความขึ้นมาดังนี้

เมื่อคุณเติม text="#ff0000" ลงไปข้อความทั้งหมดในโฮมเพจคุณจะกลายเป็นสีแดง โดยที่ ff0000 คือรหัสสี

การกำหนดสีพื้นหลังของ page

เมื่อคุณเติม bgcolor="#00ffff" ลงไปพื้นหลังของ page คุณจะเปลี่ยนเป็นสีฟ้า โดยที่ ooffff คือรหัสสี

การกำหนดลายพื้นหลังให้กับ page

เมื่อคุณเติม background="bg.gif" ลงไป พื้นหลังของ page จะเปลี่ยนเป็นลายที่คุณใส่ลงไป โดยที่ bg.gif คือชื่อไฟล์ภาพ ของคุณ

กำหนดสีของข้อความที่มีการเชื่อมโยงไปยัง page อื่น

เมื่อคุณเติม link="#0000ff" ลงไปข้อความที่มีการเชื่อมโยงจะเป็นสีนำเงิน โดยที่ 0000ff คือรหัสสี
เมื่อคุณเติม vlink="#ff00ff" ลงไปข้อความที่มีการเชื่อมโยง ที่เคยไปแล้ว จะเป็นสีม่วง โดยที่ ff00ff คือรหัสสี
เมื่อคุณเติม glink="#ff0000" ลงไปข้อความที่มีการเชื่อมโยง ขณะคลิกจะเป็นสีแดง โดยที่ ff0000 คือรหัสสี

         เมื่ออ่านถึงตรงนี้แล้วก็ลองทำตามดูนะครับ ทดลองเปลี่ยนแปลง รหัสสี ไปเรื่อยๆ ทำไปทำมาเดี๋ยวก็เข้าใจเอง อ้อ….เรื่อรหัสสีนั้น คุณสามารถ อ่านรายละเอียดได้จาก ที่นี้ ครับ เมื่อทดลองกันหนำใจแล้ว เราก็ไปอ่านบทที่ 3 กันต่อเถอะ ไปบทที่ 3

Advertising Zone    Close