HTML & CSS Blog Programming : สอน HTML & CSS, ภาษา HTML & CSS, เรียน HTML & CSS
 

Blog :: HTML & CSS

Blog ในเว็บไซต์ Function.in.th เป็นพื้นที่ที่ให้สมาชิกของทางเว็บไซต์สามารถเขียนบทความของตนเอง ทั้งนี้เพื่อร่วมกันแบ่งปันความรู้และประสบการณ์ในการเขียนโปรแกรม โดยผู้ที่ต้องการถ่ายทอดความรู้และประสบการณ์สามารถกระทำได้ผ่านทาง URL blog.function.in.th
  • Top
  • Member
 
  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 11 สิงหาคม 2013 เวลา 9 นาฬิกา 33 นาที
    การจัดตำแหน่งข้อความด้วย Align

    ในบทความนี้ผมจะแนะนำถึงวิธีการจัดตำแหน่งข้อความด้วย attribute "align" ซึ่งการใช้ attribute นี้ในการจัดตำแหน่งข้อความในเอกสาร HTML นั้นสามารถใช้กับหลาย ๆ แท็กได้ เราลองไปดูตัวอย่างคำสั่งที่ใช้ในการกำหนดตำแหน่งกันเลยครับ ตัวอย่างการจัดตำแหน่งข้อความในแท็ก <p> <p align=.....

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 8 สิงหาคม 2013 เวลา 9 นาฬิกา 18 นาที
    การใช้แท็ก <pre>

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

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 8 สิงหาคม 2013 เวลา 9 นาฬิกา 18 นาที
    ตัวอย่างการสร้างแบบ Form

    ในบทความนี้ผมจะแสดงตัวอย่างเกี่ยวกับการสร้าง Form รูปแบบต่าง ๆ ทีละแบบ เพื่อให้ผู้อ่านได้เข้าใจถึงวิธีการใช้งานอย่างชัดเจน ซึ่งตัวอย่างในการสร้างแบบ Form มีดังนี้ ตัวอย่างที่ 1: การสร้าง Checkbox <form action=""> I have a bike: <input type="checkbox" name=&.....

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 8 สิงหาคม 2013 เวลา 9 นาฬิกา 18 นาที
    ตัวอย่างการใช้งาน List

    ในบทความนี้เป็นการสอนวิธีการใช้งานเกี่ยวกับ list แบบต่าง ๆ ไม่ว่าจะเป็น Ordered List, Unordered List และ Definition List ซึ่งผู้เขียนได้รวบรวมตัวอย่างทั้งหมดไว้ในบทความนี้แล้ว ตัวอย่างที่ 1: การกำหนดเครื่องหมายต่าง ๆ ของลิสต์แบบ Ordered List <h4>Nubered List:</h4> <ol>.....

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 7 สิงหาคม 2013 เวลา 9 นาฬิกา 36 นาที
    การสร้าง Table (Part 2)

    หลังจากที่เราเรียนรู้วิธีการสร้าง Table ใน Part 1 ไปแล้วคงจะทำให้ผู้อ่านเข้าใจกับมันมากขึ้น และช่วยให้เราได้ทำการจัดรูปแบบตารางให้ดูสวยงามขึ้นอีก บทความนี้ผมจะต่อยอดจากบทความที่แล้วนะครับ นั่นก็คือ ตัวอย่างการสร้าง Table ในส่วนที่เหลือ ซึ่งบทความนี้จะเสนอการสร้าง Table อย่างไรบ้างเราลองไปดูกันเ.....

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 7 สิงหาคม 2013 เวลา 9 นาฬิกา 36 นาที
    การสร้าง Table (Part 1)

    บทความนี้ผมจะเน้นไปที่ตัวอย่างการสร้าง Table และการใช้งาน attribute ต่าง ๆ ของ table ซึ่งประกอบไปด้วยตัวอย่างต่าง ๆ มากมาย เพื่อใหผู้อ่านได้ทำความเข้าใจกับมันมากยิ่งขึ้น ตัวอย่างที่ 1 การสร้าง Table โดยไม่กำหนดเส้นขอบ <h4>ตารางนี้ไม่ได้ทำการระบ border (เส้นขอบ) มันจะมีค่า Defau.....

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 7 สิงหาคม 2013 เวลา 9 นาฬิกา 35 นาที
    การกำหนด Encoding ของเอกสาร HTML

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

  • Dek Chai
    • Dek Chai
    • on HTML & CSS
    • เมื่อ 5 สิงหาคม 2013 เวลา 9 นาฬิกา 12 นาที
    HTML Forms and Input

    HTML Forms นั้นถูกใช้เพื่อรับค่าจาก input ในรูปแบบต่าง ๆ ไม่ว่าจะเป็นแบบ text, radio, checkbox, combobox และอื่น ๆ อีกเป็นต้น ซึ่ง HTML Forms จะทำการส่งค่าต่าง ๆ ไปยังที่ต่าง ๆ ที่เราต้องการส่งไป Forms Form นั้นจะถูกกำหนดเป็นพื้นที่ในการสร้างแบบฟอร์มต่าง ๆ ที่ประกอบไปด้วย form elemen.....

 
 
Login with Facebook