/* =============== โครงส้าง HTML เบื้องต้น ===============*/ . . . . . . คำสั่งหรือข้อมูลที่ต้องการแสดง /* ================== คำสั่งทั่ไป ======================*/ คำอธิบาย (Comment)
ใช้สำหรับขึ้นบรรทัดใหม่ ใช้สำหรับแยกคำ

ย่อห้าไหม่ (เว้นหนึ่งบรรทัศ)

- LEFT จัดข้อความชิดซ้ายของจอภาพ - RIGHT จัดข้อความชิดขวาของจอภาพ - CENTER จัดข้อความกลางจอภาพ 

 แสดงผลตามที่ได้จัดไว้
ข้อความ
/* =================== การตีเส้น =====================*/
/* ================= กำหนดหัวเรื่อง ==================*/

ถึง

Burapha University

ใหญ่สุด
Burapha University
เล็กสุด /* ========== Physical Character style ===============*/ ... ตัวเข้ม(Bold) … ตัวเอน (Italic) … ตัวขีดเส้นใต้(Underline) ... ตัวกระพริบ …. ตัวอักษรกว้างเท่ากันทุกตัว(Typewriter text) ... หรือ ... ตัวขีดทับข้อความ
เน้นข้อความ
/* ========== Logical Character style ===============*/
…
กำหนดรูปแบบตัวอักษรให้กับข้อมูลเกี่ยวกับ ที่อยู่ โทรศัพท์ และ Email … ใช้เมื่อต้องการตัวอักษรเอียงที่เน้นข้อความที่เป็นคำพูด คำสนทนา(Citeation) … ใช้เมื่อต้องการตัวอักษรเอียงที่เน้นข้อความที่เป็นคำพูด วลี (Emphasize) …. ใช้เมื่อต้องการตัวอักษรแบบคอมพิวเตอร์ (Computer Code) … ใช้เมื่อต้องการตัวอักษรหนา …. ใช้เมื่อต้องการตัวอักษรที่เน้นข้อความและค่าตัวเลข …. ใช้เมื่อต้องการตัวอักษรแบบตัวห้อย …. ใช้เมื่อต้องการตัวอักษรแบบตัวยกขึ้น …. ใช้เมื่อต้องการตัวอักษรใหญ่ …. ใช้เมื่อต้องการตัวอักษรแบบตัวเล็ก /*================== Font =====================*/ ขนาดตัวอักษรแบบมาตราฐานทั้งเอกสาร แสดงรูปแบบตัวอักษร Burapha University
This is Red color
next is blue
ตารางสี ขาว #FFFFFF น้ำเงิน #0000FF ดำ #000000 สีฟ้า #4D4DFF เทา #7F7F7F สีชมพู #CC3299 แดง #FF0000 เขียว #00FF00 สีเหลือง #FFFF00 /*================== Body =====================*/ กำหนดสีให้กับตัวอักษรทั้งเอกสาร - LINK เป็นสีของตัวอักษรก่อนมีการเชื่อมโยง - VLINK เป็นสีของตัวอักษรขณะถูกเลือก - ALINK เป็นสีของตัวอักษรหลังจากการเชื่อมโยง ค่า default คือ LINK=สีน้ำเงิน ALINK=สีแดง VLINK= สีม่วง /*================== ระบุชื่อสัญลักษณ์พิเศษ =====================*/ " แสดงเครื่องหมาย quotation mark (“) < แสดงเครื่องหมาย Less than (<) > แสดงเครื่องหมาย greater than (>) & แสดงเครื่องหมาย ampersand (&)   แสดงการเว้นวรรค 1 ตัวอักษร ® แสดงเครื่องหมายพิเศษเครื่องหมายลงทะเบียน /*================ การระบุโดยใช้รหัส ASCII ====================*/ Symbol of Copyright is :©
Symbol of Registration is :®
/*============== การแสดงผลแบบรายการแบบ List ============== */ First Item in List Second Item in List Third Item in List /*============ การแสดงผลรายการแบบ orderer Lists ============*/
  1. Item number one
  2. Item number two
  3. Item number tree
Ex.
  1. Oranges
  2. Peaches
  3. Grapes
/*===== การแสดงผลรายการแบบไม่มีลำดับ (Unordered List) =======*/
  • First Item
  • Second Item
  • Third Item
Ex.
  • Seree Chinodom
  • Tawatchai Iempairoj
  • Jira Jaturanon
  • Surangkana Thumlikhit
  • Others
/*================= Directory Lists ====================*/
  • message
  • massage
  • message
    • /*================== Menu Lists =====================*/
  • message
  • massage
  • message
    • /*================ Definition Lists ====================*/
    หัวข้อย่อย
    รายละเอียด
    รายละเอียด
    หัวข้อย่อย
    รายละเอียด ...
    Ex.
    HTML
    Hyper Text Markup Language
    WWW
    World Wide Web
    VRML
    Virtual Reality Markup Language
    /*=============== NESTED LISTS ===================*/
    • few New England states:
      • Vermont
      • New Hampshire
    • One Midwestern state:
      • Michigan
    /*============== การใส่ภาพลงใน WEB =================*/ “ข้อความ” Ex. “Rock ALIGN การวางตำแหน่งรูปภาพ วางตำแหน่งแนวนอน Left, Right วางตำแหน่งแนวตั้ง มี 3 ระดับ - เสมอบน ใช้ topและ texttop - กึ่งกลางใช้ middle และ absmiddle - เสมอล่างใช้ baseline, buttom, absbuttom Ex. การใส่ภาพที่มีขนาดเท่ากันซ้อนกัน โดยภาพแรกจะเกิดชั่วขณะแล้วภาพที่สองจะปรากฏ LOWSRC=“รูปภาพ“ Ex. /*============ การเชื่อมโยงเอกสาร(Link) ===============*/ เชื่อมโยงข้อมูลภายใน กำหนดจุดเชื่อมโยง การเชื่อมโยง ข้อความ เชื่อมโยงข้อมูลภายนอก Yahoo Site Ex. “Rock การใช้ mailto /*================ dir และ path ==================*/ directory ก่อนหน้า 1 ชั้น ../index.html directory ก่อนหน้า 2 ชั้น ../../index.html directory อื่นก่อนหน้านั้น 1 ชั้น ../ชื่อdirectory/index.html /*=============== การสร้างตาราง =================*/ …
    ... ใช้กำหนดแถว ... ใช้กำหนดคอลัมน์ ... ใช้เหมือนกับ ... แต่ตัวอักษรที่ได้จะเป็นตัวเข้ม ใช้เป็นหัวตาราง(Table Heading) ใช้เขียนอธิบายตาราง อาจอยู่บนหรือด้านล่างตาราง EX.
    . . .
    . . .
    ความหนากรอบ
    กำหนดความกว้าง ความสูงของแถวของตารางที่จะแสดงบนจอภาพ การกำหนดตำแหน่งของข้อมูลใน cell - ALIGN แนวนอน ( LEFT,RIGHT,CENTER ) - VALIGN แนวตั้ง ( TOP, BUTTOM, MIDDLE ) การขยายแถว การขยายคอลัมน์
    …
    Item2Item2
    การกำหนดที่ว่างไม่ให้ชิดชอบ การใส่ภาพลงในตาราง . . . METHOD="GET" หรือ "POST" GET = เป็นการนำข้อมูลทั้งหมดในฟอร์มไปต่อท้ายสุดแล้วประมวลผลครั้งเดียว POST = จะนำข้อมูลไปส่งที่ Server แยกกันไปเป็นแต่ละ Transection TYPE=TEXT, ASSWORD, CHECKBOX, RADIO, SUBMIT, RESET หรือ BUTTOM Ex. Form Demonstration Text Field:
    Password :

    : Check Box 1
    : Check Box 2
    : Check Box 3
    : Male
    : Female

    Select your best choice

    Select subject you want to take

    Comment

      Frame โปรแกรมการแบ่งหน้าจอ สำหรับความละเอียดจอภาพ (640x480),(1024x768) Ex. 1) การสร้างเฟรมซ้อน 2) 3) 4) menu.htm]

    Main Menu

    Page1
    Page2
    new windows
    Page4 Page1.htm

    Page2

    Content of page 2 //Page อื่นก็ทำเช่นเดียวกัน