HTML E-Learning Programming : สอน tag ของ HTML, เรียน tag ของ HTML
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • รู้จักกับ 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 ใ้ช้กำหนดว่าจะเล่นวนซ้ำกี่ครั้ง
 
Share This Subject Login with Facebook