รวมบทความ (6,318)

รูปแบบการเติมแต่งเว็บเพจด้วยการทำกราฟิก

รูปแบบการเติมแต่งเว็บเพจด้วยการทำกราฟิก

หมวดหมู่: กราฟฟิก
มาทำความรู้จักกับภาพกราฟิกชนิดต่าง ๆ กันก่อน           ภาพกราฟิกมีรูปแบบการจัดเก็บหลายชนิด โดยแต่ละชนิดมีความแตกต่างกันในเรื่องของขนาดไฟล์ที่ใช้ในการเก็บภาพ และจำนวนสีที่แสดงได้ สำหรับการสร้างเว็บเพจนั้น กราฟิกที่ใช้ส่วนใหญ่เ...
วิธีการปรับขนาดเซลล์

วิธีการปรับขนาดเซลล์

หมวดหมู่: HTML and CSS
โดยทั่วไปแล้วช่องเซลล์จะมี 1 ช่อง มี 1 แถวเป็น 1 คอลัมน์ แต่บางกรณีเราต้องการให้ช่องเซลล์มีขนาดเพิ่มขึ้นอีก มาดูขั้นตอนการทำกันค่ะ...
การปรับความสูงของตาราง
รูปแบบการปรับความกว้างของตาราง

รูปแบบการปรับความกว้างของตาราง

หมวดหมู่: HTML and CSS
จากตัวอย่างด้านบน เราจะเห็นว่ามีการกำหนดขนาดความกว้างของตารางในแต่ละช่อง ทำให้ขนาดของตารางอาจดูไม่เหมาะสมกับที่เราต้องการ แต่เราสามารถกำหนดขนาดความกว้างของตารางได้ตามความต้องการได้ดังต่อไปนี้ Ex: ด้านความกว้างของตาราง...
การเว้นระยะระหว่างข้อมูลในเซลล์กับกรอบเซลล์
การกำหนดความหนาของเส้นตารางและความห่างของช่องเซลล์
วิธีการกำหนดข้อความกำกับให้กับตาราง <caption>
วิธีการใส่หัวข้อ<th> และตีเส้นตาราง

วิธีการใส่หัวข้อ และตีเส้นตาราง

หมวดหมู่: HTML and CSS
ยุคปัจจุบันเราสามารถตกแต่งตารางให้ดูง่ายขึ้น โดยการใส่หัวคอลัมน์หรือหัวแถว เพื่ออธิบายความหมายของข้อมูลภายในคอลัมน์หรือภายในแถว โดยใช้แท็ก <th>...</th> ซึ่งจะมีลักษณะการใช้งานเหมือนแท็ก td แต่ข้อความภายในแท็กจะเป็นตัวหนา เป็นการเน้นข้อความ มาดูรูปแบบแท็กที่ใช้กันค่ะ...
การจัดข้อมูลให้เป็นสัดส่วนด้วยตาราง

การจัดข้อมูลให้เป็นสัดส่วนด้วยตาราง

หมวดหมู่: HTML and CSS
ปัจจุบันการใช้ตารางเหมาะสำหรับการนำเสนอข้อมูลจำนวนมาก เช่น ข้อมูลการซื้อขาย หรือสรุปปริมาณสินค้า นอกจากนี้ตารางยังมีประโยชน์ในการช่วยจัดองค์ประกอบต่าง ๆ ในเว็บเพจ ให้อยู่ในตำแหน่งที่ต้องการได้อย่างเป็นสัดส่วนที่ดี มาทดลองสร้างตารางกันค่ะ <tab...
การใช้ List ในการสร้างรายการของภาษา HTML

การใช้ List ในการสร้างรายการของภาษา HTML

หมวดหมู่: HTML and CSS
การที่เราจะนำเสนอข้อมูลต่างๆ ในหน้าเพจข้อความเหล่านั้นจะต้องมีความกระชับและข้อความนั้นสามารถอ่านได้ชัดเจน เรามาดูวิธีการสร้างลิสต์ให้แก่ข้อความกันค่ะ ปัจจุบันวิธีการสร้างลิสต์ของ HTML จะแบ่งออกเป็น 5 แบบด้วยกัน มาดูกันเลย แบบที่ 1 ลิสต์แบบไม่มีลำดับ <ul>...