TAG HTML ในสากลโลกนี้ – Part1 by

31
Oct
0

ขอบอกไว้ก่อนเลยว่าไม่รู้จะเขียนอะไรดี 55+ ก็เลยคิดว่าแทนที่จะไปเขียนอะไรที่ไม่ต่อยให้ความรู้เนี้ย ไปหาความรู้เก่าๆโบราณมาเขียนดีกว่า

เนื้อหาจะแบ่งเป็น

  1. โครงสร้าง
  2. การแสดงผล
  3. ลิสต์
  4. การเชื่อมต่อ
  5. ฟอร์ม
  6. ลิสต์แบบให้ความหมาย

Structure

1.1 < HTML >

  • ส่วนที่บอกว่านี่เป็นข้อมูล HTML
  • Element
    • < HEAD >
    • < BODY >

1.2. < HEAD >

  • เป็นส่วนแสดงให้ browser รู้ว่าส่วนที่อยู่ในแ tag นี้ เป็น header ของข้อมูล HTML ไม่ต้องเอาไปแสดงผล

1.3. < BODY >

  • ส่วนที่เกือบจะตรงข้ามกับ 1.2 เป็นส่วนแสดงผล

1.4 < TABLE >

  • ตาราง
  • Element
    • thead
    • tfoot
    • tbody
    • tr
    • td
    • th

1.5 < DIV >

  • จัดกลุ่มข้อความในรูปแบบบล็อค

1.6 < SPAN >

  • จัดกลุ่มข้อความให้ในรูปแบบ in-line

Display

2.1 < P >

  • ย่อหน้า
  • ไม่มีการแสดงผลอะไรเพิ่มเติม

2.2 < h1 > , < h2 > , < h3 > , < h4 > , < h5 > , < h6 >

  • หัวข้อ
  • ขนาดของตัวอักษร และความหนา ขึ้นบรรทัดใหม่

2.3 < B > , < STRONG >

  • ตัวหนา

2.4 < EM > , < I > , < CITE > , < DFN >

  • ตัวเอียง
  • cite ใช้ในการอ้างอิง
  • DFM ใช้ขยายความ มี attribute => title

2.5 < ACRONYM >

  • ขยายคำย่อ
  • attribute
    • title

2.6 < BLOCKQUOTE >

  • อ้างอิง แบบ Block
  • quote แบบในเวปบอร์ด
  • attribute
    • cite – URL อ้างอิง

2.7 < Q >

  • อ้างอิงแบบ in-line
  • ใส่เครื่องหมายคำพูดให้ ( ” )

2.8 < INS >

  • บอกว่าเพิ่มนะ
  • ขีดเส้นใต้
  • attribute
    • cite – URL อ้างอิงว่าทำไมเพิ่ม ??
    • datetime – วันที่เพิ่ม

2.9 < DEL >

  • บอกว่าลบนะ
  • ขีดฆ่า
  • attribute
    • cite – URL อ้างอิงว่าทำไมลบ ??
    • datetime – วันที่ลบ

2.10 < PRE >

  • แสดงรูปแบบดั้งเดิม คือ ทั้ง ช่องว่างและการขึ้นบรรทัดใหม่ เจอเอามาแสดงผลด้วย

2.11 < BR >

  • ขึ้นบรรทัดใหม่

2.12 < IMG >

  • ส่วนแสดงรูปภาพ
  • attribute
    • src – แหล่งที่อยู่ของรูป (source)

List

3.1 < UL > , < OL >

  • ประกาศการใช้รูปแบบลิสต์
  • UL – จะใช้สัญลักษณ์ในการนำหน้ารายการ
  • OL – จะใช้ลำดับในการนำหน้ารายการ
  • OL attribute
    • type = 1, A, a, i, I
    • start – ลำดับที่เริ่มต้น

3.2 < LI >

  • ส่วนประกาศรายการ
  • อยู่ภายใน UL, OL

Enjoy this article?

Consider subscribing to our RSS feed!

ไม่มีความเห็น

ยังไม่มีความเห็น

ใส่ความเห็น

RSS feed for comments on this post