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

Reference

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

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

    content :
    ใช้กำหนดให้ขึ้นบรรทัดใหม่

    example :
    bamboo <br/> labcode <br/> panda <br/>

  • tag :
    <br clear="value" />

    value :
    all ขึ้นบรรทัดใหม่ในกรณีที่ ด้านซ้ายและด้านขวา ไม่มีวัตถุใดอยู่,
    left ขึ้นบรรทัดใหม่ในกรณีที่ ด้านซ้าย ไม่มีวัตถุใดอยู่,
    right ขึ้นบรรทัดใหม่ในกรณีที่ ด้านขวา ไม่มีวัตถุใดอยู่,
    none ( default ) คือการไม่กำหนด attribute clear โดยจะขึ้นบรรทัดใหม่ โดยไม่มีเงื่อนไข

    content :
    ใช้กำหนดเงื่อนไขของการขึ้นบรรทัดใหม่

    example :
    <br clear="all" />

  • tag :
    <p> ... </p>

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

    content :
    ใช้จัดย่อหน้าให้กับข้อความ

    example :
    <p> bamboolabcode </p> <p> google </p>

  • tag :
    <p align="value" > ... </p>

    value :
    left, center, right, justify ( จัดเต็มพื้นที่ )

    content :
    ใช้จัดตำแหน่งให้กับย่อหน้า

    example :
    <p align="left" > bamboolabcode </p> <p align="justify" > google </p>

  • tag :
    <center> ... </center>

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

    content :
    ใช้จัดตำแหน่งให้ข้อความอยู่กึ่งกลาง

    example :
    <center> bamboolabcode </center>

  • tag :
    <pre> ... </pre>

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

    content :
    ใช้จัดตำแหน่งข้อความแบบ WYSIWYG

    example :
    <pre> 
         bamboolabcode
         google
    </pre>

  • tag :
    <hr/>

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

    content :
    ใช้กำหนดเส้นคั่นในแนวนอน

    example :
    <center> bamboolabcode </center> <hr/> <center> google </center>

  • tag :
    <hr width="value" />

    value :
    ตัวเลข, เปอร์เซ็นต์

    content :
    ใช้กำหนดขนาดความยาวของเส้นคั่น

    example :
    <hr width="30%" />

  • tag :
    <hr size="value" />

    value :
    ตัวเลข, เปอร์เซ็นต์

    content :
    ใช้กำหนดขนาดความหนาของเส้นคั่น

    example :
    <hr size="10" />

  • tag :
    <hr align="value" />

    value :
    left, right, center

    content :
    ใช้จัดตำแหน่งของเส้นคั่น

    example :
    <hr align="center" />

  • tag :
    <hr noshade="value" />

    value :
    noshade

    content :
    ใช้กำหนดให้เส้นคั่นเป็นเส้นทึบ

    example :
    <hr noshade="noshade" />

  • tag :
    <marquee> ... </marquee>

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

    content :
    ใช้กำหนดให้วัตถุวิ่ง

    example :
    <marquee> สิ่งที่ต้องการให้วิ่ง </marquee>

  • tag :
    <marquee behavior="value" > ... </marquee>

    value :
    scroll ให้วิ่งหายไปจากขอบ และปรากฎที่ขอบอีกด้านหนึ่ง,
    slide ให้วิ่งแล้วหยุดที่ขอบ,
    alternate ให้วิ่งกระทบขอบแล้วกลับไปมา

    content :
    ใช้กำหนดรูปแบบของการวิ่งของวัตถุ

    example :
    <marquee behavior="alternate" > วัตถุ </marquee>

  • tag :
    <marquee direction="value" > ... </marquee>

    value :
    left, right, up, down

    content :
    ใช้กำหนดทิศทางการวิ่ง

    example :
    <marquee direction="up"> วัตถุ </marquee>

  • tag :
    <marquee width="value" > ... </marquee>

    value :
    ตัวเลข, เปอร์เซ็นต์

    content :
    ใช้กำหนดความกว้างของกรอบ marquee

    example :
    <marquee width="200" > วัตถุ </marquee>

  • tag :
    <marquee height="value" > ... </marquee>

    value :
    ตัวเลข, เปอร์เซ็นต์

    content :
    ใช้กำหนดความสูงของกรอบ marquee

    example :
    <marquee height="30"> วัตถุ </marquee>

  • tag :
    <marquee hspace="value"> ... </marquee>

    value :
    ตัวเลข

    content :
    ใช้กำหนดระยะห่างของวัตถุที่วิ่ง กับกรอบด้านซ้ายและด้านขวา

    example :
    <marquee hspace="10"> วัตถุ </marquee>

  • tag :
    <marquee vspace="value"> ... </marquee>

    value :
    ตัวเลข

    content :
    ใช้กำหนดระยะห่างของวัตถุที่วิ่ง กับกรอบด้านบนและด้านล่าง

    example :
    <marquee vspace="20"> วัตถุ </marquee>

  • tag :
    <marquee scrollamount="value"> ... </marquee>

    value :
    ตัวเลข

    content :
    ใช้กำหนดระยะในการขยับวัตถุแต่ละครั้ง

    example :
    <marquee scrollamount="20"> วัตถุ </marquee>

  • tag :
    <marquee scrolldelay="value"> ... </marquee>

    value :
    ตัวเลข (หน่วยมิลลิวินาที)

    content :
    ใช้กำหนดระยะเวลาที่จะรอในการขยับแต่ละครั้ง

    example :
    <marquee scrolldelay="2000"> วัตถุ </marquee>

  • tag :
    <marquee loop="value"> ... </marquee>

    value :
    ตัวเลข

    content :
    ใช้กำหนดจำนวนรอบในการวิ่ง

    example :
    <marquee loop="10"> วัตถุ </marquee>

 
Share This Chapter Login with Facebook