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

Reference

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

    position :
    <body> ... </body>

    content :
    ใช้ในการกำหนดหัวข้อ และรายการแบบไม่มีลำดับ ( ul ย่อมาจาก Unordered List )

    example :
    <ul> รายการสินค้า </ul>

  • tag :
    <ul type="value"> ... </ul>

    value :
    disc คือ วงกลมทึบ,
    circle คือ วงกลมใส,
    square คือ สี่เหลี่ยม

    content :
    ใช้ในการกำหนดเครื่องหมายหน้ารายการ

    example :
    <ul type="square"> รายการสินค้า </ul>

  • tag :
    <ol> ... </ol>

    position :
    <body> ... </body>

    content :
    ใช้ในการกำหนด หัวข้อ และ รายการ แบบมีลำดับ ( ol ย่อมาจาก Ordered List )

    example :
    <ol> รายการสินค้า </ol>

  • tag :
    <ol type="value"> ... </ol>

    value :
    A คือ จะเรียงลำดับรายการตามตัวอักษร A ถึง Z,
    a คือ จะเรียงลำดับรายการตามตัวอักษร a ถึง z,
    I คือ จะเรียงลำดับรายการตามเลขโรมัน,
    i คือ จะเรียงลำดับรายการตามเลขโรมัน,
    1 คือ จะเรียงลำดับรายการตามเลขเอโรบิก

    content :
    ใช้ในการกำหนดชนิดของลำดับหน้ารายการ

    example :
    <ol type="A"> รายการสินค้า </ol>

  • tag :
    <ol start="value"> ... </ol>

    value :
    ตัวเลข

    content :
    ใช้ในการกำหนดลำดับเริ่มต้นของรายการแรก

    example :
    <ol start="6"> รายการสินค้า </ol>

  • tag :
    <li> ... </li>

    position :
    <ul> ... </ul> หรือ <ol> ... </ol>

    content :
    ใช้ในการกำหนด รายการ ให้กับหัวข้อ

    example :
    <ul type="square"> รายการสินค้า
         <li> ram 256 </li>
         <li> cpu 2.00 mhz </li>
    </ul>

  • tag :
    <li type="value"> ... </li>

    value :
    disc, circle, square

    position :
    <ul> ... </ul>

    content :
    ใช้ในการกำหนดเครื่องหมายหน้ารายการนั้นๆ

    example :
    <ul type="square"> รายการสินค้า
         <li> ram 256 </li>
         <li type="disc"> cpu 2.00 mhz </li>
    </ul>

  • tag :
    <li value="value"> ... </li>

    value :
    ตัวเลข

    position :
    <ol> ... </ol>

    content :
    ใช้ในการกำหนดลำดับที่ของรายการนั้นๆ

    example :
    <ol  type="1">
         <li> ram 256 </li>
         <li value="3"> cpu 2.00 mhz </li>
    </ol>

  • tag :
    <dl> ... </dl>

    position :
    <body> ... </body>

    content :
    ใช้ในการกำหนด หัวข้อ และ รายการ แบบจำกัดความ ( dl ย่อมาจาก Definition List )

    example :
    <dl> bamboolabcode </dl>

  • tag :
    <dt> ... </dt> <dd> ... </dd>

    position :
    <dl> ... </dl>

    content :
    ใช้ในการกำหนดคำศัพท์ ( dt = Term in a Definition List ) 
    และความหมาย ( dd = Definition in a Definition List ) 
    ให้กับรายการแบบจำกัดความ

    example :
    <dl>
         <dt> Address </dt>
         <dd> ตำแหน่งที่เก็บไฟล์ข้อมูล </dd>
         <dt> Banwidth </dt>
         <dd> การวัดความเร็วในการส่งข้อมูล </dd>
    </dl>

 
Share This Chapter Login with Facebook