HTML Introduce : สอน tag ของ Introduce, เรียน tag ของ Introduce
 

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 ตามลำดับ
  • subject :
    รู้จักกับ HTML

    content :
    HTML ย่อมาจาก Hypertext Markup Language
    เป็นภาษาหลักที่ใช้ในการสร้าง Web Page โดยมีแนวคิดมาจากการ
    สร้างเอกสาร Hypertext ( คือข้อความที่เชื่อมโยงถึงข้อมูลต่างๆได้ )
    ซึ่ง HTML นี้ถูกพัฒนาขึ้นมาจากภาษา SGML

  • subject :
    โครงสร้างของ HTML

    content :
    <html>
         <head>
              .....
         </head>
         <body>
              .....
         </body>
    </html>

  • subject :
    การ comment ในเอกสาร HTML

    content :
    รูปแบบของการ comment ในเอกสาร HTML 
    คือ <!-- ข้อความที่ต้องการคอมเมนต์ -->

  • subject :
    รู้จักกับ XHTML

    content :
    XHTML ย่อมาจาก eXtensible HyperText Markup Language
    เกิดจากการนำ HTML รวมเข้ากับ XML เพื่อต้องการให้มีรูปแบบที่รัดกุมมากขึ้น
    และมีกฎระเบียบมากขึ้น

  • subject :
    โครงสร้างของ XHTML

    content :
    <!DOCTYPE html PUBLIC ..... >
    <html xmlns="http://www.w3.org/1999/xhtml" >
         <head>
              .....
         </head>
         <body>
              .....
         </body>
    </html>

  • subject :
    ประเภทของ DOCTYPE

    content :
    1. DOCTYPE ชนิด Transitional
        เป็นการกำหนดให้กับ web page ที่เริ่มเปลี่ยนมาใช้ XHTML 
        เพื่อที่จะสามารถใช้คำสั่งที่ยกเลิกไปแล้วได้ และยังรองรับ browser รุ่นเก่าด้วย
        รูปแบบคือ <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    2. DOCTYPE ชนิด Strict
        มีการเคร่งครัดเรื่องรูปแบบมากขึ้น โดยจะไม่สามารถใช้คำสั่งที่ยกเลิกไปแล้วได้
        และจะรองรับ browser ที่สนับสนุน CSS เท่านั้น 
        รูปแบบคือ <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    3. DOCTYPE ชนิด Frameset
        จะรองรับ web page ที่มีการใช้ frame
        รูปแบบคือ <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML1.0 Frameset//EN"
        "http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">

  • subject :
    เงื่อนไขของการใช้ XHTML

    content :
    1. ห้ามมี tag ซ้อนเหลื่อมกัน เช่นในกรณีที่มีการใช้ tag ซ้อน tag นั้น tag ที่เปิดก่อนต้องปิดที่หลัง
    2. tag และ attribute ทุกตัว ต้องเป็นตัวพิมพ์เล็กเสมอ
    3. ค่าของ attribute ต้องอยู้ภายในเครื่องหมาย double quote เสมอ
    4. tag ที่มี attribute name ให้เปลี่ยนมาใช้ id แทน

  • subject :
    การ comment ในเอกสาร XHTML

    content :
    รูปแบบของการ comment ในเอกสาร XHTML 
    คือ <!-- ข้อความที่ต้องการคอมเมนต์ -->

  • subject :
    ประเภทของ domain name

    content :
    domain name แบบ 2 ระดับ เช่น www.google.com
    -> .com คือ ประเภทบริษัท หรือองค์กรพาณิชย์
    -> .edu คือ ประเภทสถาบันการศึกษา
    -> .gov คือ ประเภทองค์กรรัฐบาล
    -> .mil คือ ประเภทองค์กรทางทหาร
    -> .net คือ ประเภทองค์กรที่ทำหน้าที่เป็น gateway หรือจุดเชื่อมต่อเครือข่าย
    -> .org คือ ประเภทองค์กรอื่นๆ ( ที่ไม่ได้เข้าข่ายองค์กรที่ได้กล่าวถึงข้างต้น )
    -> .biz คือ ประเภทบริษัท หรือองค์กรทางธุรกิจ
    -> .info คือ ประเภทที่ใช้ในโอกาส promote สินค้า เหตุการณ์สำคัญ
    
    domain name แบบ 3 ระดับ เช่น www.buu.ac.th
    -> ส่วนที่ 2
         -> .co คือ ประเภทบริษัทหรือองค์กรพาณิชย์
         -> .ac คือ ประเภทสถาบันการศึกษา
         -> .go คือ ประเภทองค์กรหรือรัฐบาล
         -> .or คือ ประเภทองค์กรไม่แสวงผลกำไร
         -> .net คือ ประเภทองค์กรที่ให้บริการเครือข่าย
    -> ส่วนที่ 3
         -> .cn คือ ประเทศจีน
         -> .th คือ ประเทศไทย
         -> .jp คือ ประเทศญี่ปุ่น
         -> .au คือ  ประเทศออสเตรเลีย
    

  • subject :
    เทคนิคการใช้ภาพบน web page

    content :
    1. เทคนิคกับภาพชนิด gif
        เนื่องจากภาพขนาดใหญ่ จะใช้เวลาในการโหลดภาพนาน จึงแนะนำให้ใช้ภาพ gif แบบ interlaced
        โดยจะทำให้เมื่อเปิดใน web page ภาพชนิดนี้จะถูกโหลดมาอย่างรวดเร็วแบบไม่ชัดก่อน แล้วค่อยๆชัดตามลำดับ
    
    2. เทคนิคกับภาพชนิด jpg
        เนื่องจากภาพชนิดนี้จะมีขนาดใหญ่มาก และใช้เวลาโหลดภาพนาน จึงแนะนำให้แบ่งภาพออกเป็น slice เป็นส่วนๆ
        แล้วนำมาเรียงต่อกันเมื่อเปิดใน web page ภาพนี้ก็จะถูกโหลดมาทีละชิ้นอย่างรวดเร็ว

  • subject :
    รู้จักกับ CGI

    content :
    CGI ย่อมาจาก Common Gateway Interface เช่น ASP, PHP, JSP ซึ่งพัฒนามาจาก VB, C, Java ตามลำดับ
    โดย CGI ไม่ใช่ภาษาโปรแกรมมิ่ง แต่เป็นวิธีมาตรฐานในการติดต่อสื่อสารระหว่าง form ของ html
    กับโปรแกรมที่เราเขียนขึ้นมา โดย CGI มีหน้าที่ในการรับข้อมูลมาจาก form html และเก็บข้อมูลนั้น
    ลงฐานข้อมูล หรือนำข้อมูลจากฐานข้อมูลมาแสดงผลบน HTML

 
Share This Chapter Login with Facebook