| รู้จักกับ HTML | HTML เป็นภาษาหลักที่ใช้ในการสร้าง Web Page |
|---|---|
| โครงสร้างของ HTML | <html><head></head><body></body></html> |
| การ comment ในเอกสาร HTML | คือ <!-- ข้อความที่ต้องการคอมเมนต์ --> |
| รู้จักกับ XHTML | เกิดจากการนำ HTML รวมเข้ากับ XML เพื่อต้องการให้มีรูปแบบที่รัดกุมมากขึ้น |
| โครงสร้างของ XHTML | <!DOCTYPE html PUBLIC ..... > <html xmlns="http://www.w3.org/1999/xhtml" > |
| ประเภทของ DOCTYPE | มี 3 ชนิด ได้แก่ Transitional, Strict, Frameset |
| เงื่อนไขของการใช้ XHTML | ห้ามมี tag ซ้อนเหลื่อมกัน, ต้องเป็นตัวพิมพ์เล็กเสมอ เป็นต้น |
| การ comment ในเอกสาร XHTML | คือ <!-- ข้อความที่ต้องการคอมเมนต์ --> |
| ประเภทของ domain name | เช่น com, edu, gov, net, org เป็นต้น |
| เทคนิคการใช้ภาพบน web page | เทคนิคการใช้ภาพชนิด gif และ jpg บน web page |
| รู้จักกับ CGI | เช่น ASP, PHP, JSP ซึ่งพัฒนามาจาก VB, C, Java ตามลำดับ |
| body bgcolor | ใช้กำหนดสีให้กับพื้นหลังของ web page |
|---|---|
| body text | ใช้กำหนดสีให้กับ ตัวอักษร ใน web page |
| body background | ใช้กำหนด รูปภาพ ให้เป็นพื้นหลัง |
| body bgproperties | ใช้กำหนดให้ ภาพพื้นหลัง อยู่กับที่ |
| body link | ใช้กำหนดสีของลิงค์ที่ไม่เคยถูกคลิก |
| body vlink | ใช้กำหนดสีของลิงค์ที่เคยถูกคลิกแล้ว |
| body alink | ใช้กำหนดสีของลิงค์ที่กำลังถูกคลิก |
| body topmargin | ใช้กำหนดช่องว่างทางด้านบน |
| body rightmargin | ใช้กำหนดช่องว่างทางด้านขวา |
| body bottommargin | ใช้กำหนดช่องว่างทางด้านล่าง |
| body leftmargin | ใช้กำหนดช่องว่างทางด้านซ้าย |
| body marginwidth | ใช้กำหนดช่องว่างทางด้านขวาและซ้าย |
| body marginheight | ใช้กำหนดช่องว่างทางด้านบนและล่าง |
| title | ใช้กำหนดข้อความที่จะแสดงบน title bar |
|---|---|
| meta content-type | ใช้กำหนด ชุดรหัสอักษร และประเภทเอกสาร |
| meta refresh | ใช้กำหนด เวลาเพื่อให้ page redirect ไปยัง web page ที่กำหนด |
| meta keywords | ใช้กำหนด keywords เพื่อให้ search engine หาพบ |
| meta description | ใช้กำหนดคำบรรยาย เมื่อ search engine ค้นเจอ |
| br | ใช้กำหนดให้ขึ้นบรรทัดใหม่ |
|---|---|
| br clear | ใช้กำหนดเงื่อนไขของการขึ้นบรรทัดใหม่ |
| p | ใช้จัดย่อหน้าให้กับข้อความ |
| p align | ใช้จัดตำแหน่งให้กับย่อหน้า |
| center | ใช้จัดตำแหน่งให้ข้อความอยู่กึ่งกลาง |
| pre | ใช้จัดตำแหน่งข้อความแบบ WYSIWYG |
| hr | ใช้กำหนดเส้นคั่นในแนวนอน |
| hr width | ใช้กำหนดขนาดความยาวของเส้นคั่น |
| hr size | ใช้กำหนดขนาดความหนาของเส้นคั่น |
| hr align | ใช้จัดตำแหน่งของเส้นคั่น |
| hr noshade | ใช้กำหนดให้เส้นคั่นเป็นเส้นทึบ |
| marquee | ใช้กำหนดให้วัตถุวิ่ง |
| marquee behavior | ใช้กำหนดรูปแบบของการวิ่งของวัตถุ |
| marquee direction | ใช้กำหนดทิศทางการวิ่ง |
| marquee width | ใช้กำหนดความกว้างของกรอบ marquee |
| marquee height | ใช้กำหนดความสูงของกรอบ marquee |
| marquee hspace | ใช้กำหนดระยะห่างของวัตถุที่วิ่ง กับกรอบด้านซ้ายและด้านขวา |
| marquee vspace | ใช้กำหนดระยะห่างของวัตถุที่วิ่ง กับกรอบด้านบนและด้านล่าง |
| marquee scrollamount | ใช้กำหนดระยะในการขยับวัตถุแต่ละครั้ง |
| marquee scrolldelay | ใช้กำหนดระยะเวลาที่จะรอในการขยับแต่ละครั้ง |
| marquee loop | ใช้กำหนดจำนวนรอบในการวิ่ง |
| hn | ใช้กำหนดรูปแบบข้อความให้เป็นหัวเรื่อง ได้แก่ h1, h2, ..., h6 |
|---|---|
| b | ใช้กำหนดให้ข้อความเป็นตัวหนา |
| i | ใช้กำหนดให้ข้อความเป็นตัวเอียง |
| u | ใช้กำหนดให้ข้อความขีดเ้ส้นใต้ |
| tt | ใช้กำหนดให้ข้อความเป็นแบบพิมพ์ดีด ( tt ย่อมาจาก Typewriter Text ) |
| s | ใช้กำหนดให้ข้อความถูกขีดฆ่า ( s ย่อมาจาก Strike ) |
| sup | ใช้กำหนดให้ข้อความเป็นตัวยกขึ้น ( sup ย่อมาจาก SuperScript ) |
| sub | ใช้กำหนดให้ข้อความเป็นตัวห้อยลง ( sub ย่อมาจาก SubScript ) |
| big | ใช้กำหนดให้ข้อความใหญ่ขึ้น |
| small | ใช้กำหนดให้ข้อความเล็กลง |
| del & ins | ใช้ขีดฆ่าข้อความ ( del = delete ) และข้อความที่ทดแทน ( ins = insert ) |
| em | ใช้กำหนดให้ข้อความเป็น วลี หรือ คำพูด |
| strong | ใช้กำหนดให้ข้อความถูกเน้นย้ำ |
| code | ใช้กำหนดให้ข้อความเป็น โค้ดโปรแกรม |
| cite | ใช้กำหนดให้ข้อความที่อ้างอิงแหล่งที่มาของเนื้อหา ( cite ย่อมาจาก Citations ) |
| dfn | ใช้กำหนดให้ข้อความเป็นคำนิยาม ( Definition ) |
| kbd | ใช้กำหนดให้ข้อความเหมือนแป้นพิมพ์ ( kbd ย่อมาจาก keyboard ) |
| samp | ใช้กำหนดให้ข้อความเป็นตัวอย่าง ( samp ย่อมาจาก Sample ) |
| var | ใช้เน้นข้อความที่ถูกเปลี่ยนแปลง ( var ย่อมาจาก variable name ) |
| address | ใช้กำหนดให้ข้อความเป็นชื่อและที่อยู่ |
| abbr | ใช้กำหนดชื่อย่อของข้อความ ( abbr ย่อมาจาก Abbreviate ) |
| abbr title | ใช้กำหนด ชื่อเต็ม ของ ชื่อย่อ นั้น |
| acronym | ใช้กำหนดชื่อย่อของข้อความ |
| acronym title | ใช้กำหนด ชื่อเต็ม ของ ชื่อย่อ นั้น |
| bdo | ใช้กำหนดใ้ห้ ข้อความ เป็นแบบ ย้อนกลับ ( bdo ย่อมาจาก bi-directional algorithm ) |
| bdo dir | ใช้กำหนดว่าจะให้ตัวอักษรเรียงจากซ้ายไปขวา หรือขวาไปซ้าย |
| blockquote | ใช้กำหนดว่าข้อความอ้างอิงมาจากที่อื่น |
| q | ใช้กำหนดว่าข้อความอ้างอิงมาจากที่อื่น ( แบบสั้น ) ( q ย่อมาจาก quote ) |
| font size | ใช้กำหนดขนาดให้กับข้อความ โดยสามารถกำหนดได้ตั้งแต่เลข 1 ถึง 7 |
| font face | ใช้กำหนด font ให้กับข้อความ |
| font color | ใช้กำหนดสีให้กับข้อความ |
| ul | ใช้ในการกำหนดหัวข้อ และรายการแบบไม่มีลำดับ ( ul ย่อมาจาก Unordered List ) |
|---|---|
| ul type | ใช้ในการกำหนดเครื่องหมายหน้ารายการ |
| ol | ใช้ในการกำหนด หัวข้อ และ รายการ แบบมีลำดับ ( ol ย่อมาจาก Ordered List ) |
| ol type | ใช้ในการกำหนดชนิดของลำดับหน้ารายการ |
| ol start | ใช้ในการกำหนดลำดับเริ่มต้นของรายการแรก |
| li | ใช้ในการกำหนด รายการ ให้กับหัวข้อ |
| li type | ใช้ในการกำหนดเครื่องหมายหน้ารายการนั้นๆ |
| li value | ใช้ในการกำหนดลำดับที่ของรายการนั้นๆ |
| dl | ใช้ในการกำหนด หัวข้อ และ รายการ แบบจำกัดความ ( dl ย่อมาจาก Definition List ) |
| dt & dd | ใช้ในการกำหนดคำศัพท์ และความหมาย ให้กับรายการแบบจำกัดความ |
| a href | ใช้ในการกำหนด link เพื่อเชื่อมโยงไปยังปลายทาง |
|---|---|
| a name | ใช้ในการกำหนดปลายทาง เพื่อใช้เชื่อมโยงภายในหน้าเดียวกัน |
| a target | ใช้ในการกำหนดชื่อของหน้าต่างเป้าหมาย หรือวิธีการเปิด |
| map | ใช้ในการกำหนดพื้นที่ที่มีการเชื่อมโยง โดยจะกำหนดจุดเชื่อมโยงขึ้นมาตามรูปทรงต่างๆ |
| area shape | ใช้ในการกำหนดรูปทรงที่จะสร้างพื้นที่เชื่อมโยง |
| area coords | ใช้ในการกำหนดพิกัดและขนาดพื้นที่เชื่อมโยง |
| area href | ใช้ในการกำหนด link เพื่อเชื่อมโยงไปยังปลายทาง |
| img | ใช้ในการกำหนด tag รูปภาพ บนเอกสาร html |
|---|---|
| img src | ใช้กำหนดรูปภาพ |
| img alt | ใช้ในการกำหนดคำบรรยายภาพ เมื่อ mouse over |
| img width | ใช้กำหนดขนาดความกว้างของภาพ |
| img height | ใช้ในการกำหนดความสูงของภาพ |
| img border | ใช้กำหนดขนาดความหนาของเส้นขอบ |
| img align | ใ้ช้กำหนดตำแหน่งของภาพ เมื่อเทียบกับข้อความ |
| img vspace | ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบบนและขอบล่างของรูปภาพ |
| img hspace | ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบซ้ายและขอบขวาของรูปภาพ |
| img usemap | ใช้กำหนดว่ารูปภาพนั้นจะใช้ map ใด |
| table | ใช้ในการสร้างตาราง |
|---|---|
| table border | ใช้ในการกำหนดความหนาของเส้นขอบ |
| table cellspacing | ใช้ในการกำหนดระยะห่างระหว่าง cell ในตาราง |
| table cellpadding | ใช้ในการกำหนดระยะห่างระหว่างข้อมูลกับกรอบของ cell |
| table width | ใช้ในการกำหนดความกว้างของตาราง |
| table height | ใช้ในการกำหนดความสูงของตาราง |
| table bordercolor | ใช้ในการกำหนดสีให้กับเส้นขอบ |
| table background | ใช้ในการกำหนดภาพพื้นหลังให้กับตาราง |
| table frame | ใช้ในการกำหนดลักษณะของการแสดงเส้นขอบ |
| table rules | ใช้กำหนดลักษณะการแสดงเส้นแบ่งช่องเซลล์ |
| table bgcolor | ใช้กำหนดสีพื้นหลังของตาราง |
| caption | ใช้กำหนดหัวข้อให้กับตาราง |
| caption align | ใช้กำหนดตำแหน่งของหัวข้อในตาราง |
| tr | ใช้กำหนดแถวให้กับตาราง |
| tr bgcolor | ใช้กำหนดสีพื้นหลังให้กับแถว |
| th | ใช้กำหนดคอลัมน์ ในลักษณะที่เป็นหัวข้อ |
| th bgcolor | ใช้กำหนดสีพื้นหลังให้กับคอลัมน์ |
| td | ใช้กำหนดคอลัมน์ |
| td bgcolor | ใช้กำหนดสีพื้นหลังให้กับคอลัมน์ |
| td align | ใช้กำหนดตำแหน่งของข้อมูลใน cell ในแนวนอน |
| td valign | ใช้กำหนดตำแหน่งของข้อมูลใน cell เมื่อดูจากแนวตั้ง |
| td colspan | ใช้กำหนดการรวมคอลัมน์ในแนวนอน ( merge cell ) |
| td rowspan | ใช้กำหนดการรวมคอลัมน์ในแนวตั้ง ( merge cell ) |
| thead tbody tfoot | ใช้กำหนดเพื่อแบ่งส่วนของตารางออกเป็น 3 ส่วนใหญ่ๆ ได้แก่ thead, tbody, tfoot |
| form | ใช้สร้างแบบฟอร์ม |
|---|---|
| form method | ใช้กำหนดวิธีการส่งข้อมูล |
| form action | ใช้กำหนดไฟล์ที่จะรับข้อมูลไปประมวลผล |
| input type | ใช้ในการกำหนด ช่องรับข้อมูลประเภทต่างๆ |
| input name | ใช้กำหนดชื่อให้กับ ช่องรับข้อมูล |
| input value | ใช้กำหนดค่าข้อมูล ให้กับช่องรับข้อมูล |
| input maxlength | ใช้กำหนดจำนวนสูงสุด ที่สามารถพิมพ์ลงไปได้ |
| input size | ใช้กำหนด ขนาด ของช่องรับข้อมูล |
| input src | ใช้กำหนดรูปภาพ ที่ทำงานเหมือนปุ่ม submit |
| input checked | ใช้กำหนดว่าให้ checkbox หรือ radio นั้น ถูกเลือกอยู่ |
| textarea | ใช้ในการกำหนด อุปกรณ์การรับข้อมูล แบบรับข้อความได้หลายบรรทัด |
| textarea cols | ใช้กำหนด จำนวนตัวอักษร ภายในแต่ละแถว |
| textarea rows | ใช้กำหนดจำนวนแถว |
| textarea wrap | ใช้กำหนดว่าจะมีการตัดคำขึ้นบรรทัดใหม่หรือไม่ |
| select | ใช้สร้างช่องรับข้อมูลแบบ dropdown |
| select name | ใช้กำหนดชื่อช่องรับข้อมูล |
| select size | ใช้กำหนดขนาดของ list ซึ่งเมื่อกำหนดมากกว่า 1 จะทำให้ list นี้ กลายเป้น list box |
| select multiple | ใช้กำหนดให้สามารถเลือก รายการ ได้ครั้งละมากกว่า 1 รายการ |
| optgroup | ใช้จัดกลุ่มให้กับรายการใน list |
| optgroup label | ใช้กำหนด ชื่อกลุ่ม ของรายการในกลุ่ม ( ไม่สามารถเลือกได้ ) |
| option | ใช้กำหนดรายการ |
| option value | ใช้กำหนด ค่าข้อมูล ของรายการ โดยค่าข้อมูลนี้จะถูกส่งไป เมื่อมีการ submit form |
| option selected | ใช้กำหนดว่า รายการนั้น ถูกเลือกอยู่ |
| fieldset | ใช้ในการจัดรูปแบบภายใน form |
| legend | ใช้กำหนดป้ายชื่อของ fieldset |
| label | ใช้กำหนด ป้ายชื่อ ให้กับ ช่องรับข้อมูล |
| label for | ใช้กำหนดป้ายชื่อให้กับ ช่องรับข้อมูล |
| frameset | ใช้ในการแบ่งหน้าจอออกเป็นหลายๆส่วน |
|---|---|
| frameset cols | ใช้กำหนดขนาดของพื้นที่ของ frame ในแต่ละส่วน ตามแนวตั้ง |
| frameset rows | ใช้กำหนดขนาดของพื้นที่ของ frame ในแต่ละส่วน ตามแนวนอน |
| frameset border | ใช้กำหนดขนาดความหนาของเส้นขอบ ( เส้นขอบที่แบ่งระหว่าง frame ) |
| frameset bordercolor | ใช้กำหนดสีของเส้นขอบ |
| frameset frameborder | ใช้กำหนดว่าจะให้แสดงเส้นขอบหรือไม่ |
| frameset framespacing | ใช้กำหนดค่าความห่างของแต่ละ frame ( หน่วยคือ pixel ) |
| frame | ใช้กำหนดลักษณะต่างๆของแต่ละ frame |
| frame name | ใช้กำหนดชื่อให้กับ frame |
| frame src | ใช้กำหนด web page ที่จะแสดงบน frame |
| frame marginwidth | ใช้กำหนด ระยะห่าง ทางด้านซ้ายและขวา เมื่อเทียบกับขอบ frame |
| frame marginheight | ใช้กำหนด ระยะห่าง ทางด้านบนและด้านล่าง เมื่อเทียบกับขอบ frame |
| frame noresize | ใช้กำหนดให้ไม่สามารถปรับขนาดของ frame ได้ |
| frame scrolling | ใช้กำหนดรูปแบบการมีอยู่ของแถบเลื่อน |
| noframes | ใช้ในการป้องกันเมื่อ browser ไม่มี frame |
| iframe | ใช้ในการกำหนด frame ในส่วนของ body |
| bgsound | ใช้กำหนด เพลง บน web page |
|---|---|
| bgsound src | ใช้กำหนด เพลงที่ต้องการ |
| bgsound loop | ใช้กำหนด จำนวนครั้ง ที่จะเล่นเพลง |
| embed | ใช้กำหนด ไฟล์ multimedia คือจะมีชุดควบคุมด้วย |
| embed src | ใช้กำหนด ไฟล์มัลติมีเดีย ที่ต้องการ |
| embed width | ใช้กำหนดขนาดความกว้างของชุดควบคุม |
| embed height | ใช้กำหนดขนาดความสูงของชุดควบคุม |
| embed autostart | ใช้กำหนดว่า จะเล่นเพลงทันทีที่ web page โหลด เลยหรือไม่ |
| embed loop | ใช้กำหนดว่า จะเล่น วนซ้ำ กี่ตรั้ง |
| embed playcount | ใช้กำหนดว่า จะเล่น วนซ้ำ กี่ตรั้ง |
| noembed | ใช้ในการป้องกัน ในกรณีที่ browser ไม่มี embed |
| img dynsrc | ใช้แทรกไฟล์เสียง |
| img loop | ใ้ช้กำหนดว่าจะเล่นวนซ้ำกี่ครั้ง |