พื้นฐาน ภาษา HTML

Leave a Comment / Uncategorized

พื้นฐานภาษา HTML

HTML (HyperText Markup Language) เป็นภาษาพื้นฐานสำหรับสร้างเว็บเพจ โดยใช้แท็ก (tags) ในการกำหนดโครงสร้างและเนื้อหาของหน้าเว็บ

โครงสร้างพื้นฐานของ HTML

<!DOCTYPE html>
<html>
<head>
    <title>ชื่อหน้าเว็บ</title>
</head>
<body>
    เนื้อหาของเว็บเพจ
</body>
</html>

แท็กพื้นฐานที่ควรรู้

  1. แท็กหัวเรื่อง (Headings)
   <h1>หัวเรื่องระดับ 1</h1>
   <h2>หัวเรื่องระดับ 2</h2>
   ...
   <h6>หัวเรื่องระดับ 6</h6>
  1. แท็ก段落 (Paragraph)
   <p>นี่คือ段落หนึ่ง</p>
   <p>นี่คืออี段落หนึ่ง</p>
  1. แท็กลิงก์ (Link)
   <a href="https://www.example.com">ลิงก์ไปยังตัวอย่าง</a>
  1. แท็กรูปภาพ (Image)
   <img src="รูปภาพ.jpg" alt="คำอธิบายรูปภาพ">
  1. แท็กรายการ (Lists)
  • รายการแบบมีลำดับ (Ordered List)
    html ¨K12K
  • รายการแบบไม่มีลำดับ (Unordered List)
    html ¨K13K
  1. แท็กตาราง (Table)
   <table>
       <tr>
           <th>หัวตาราง 1</th>
           <th>หัวตาราง 2</th>
       </tr>
       <tr>
           <td>ข้อมูล 1</td>
           <td>ข้อมูล 2</td>
       </tr>
   </table>

แท็กสำหรับรูปแบบข้อความ

  • <b> หรือ <strong> – ข้อความหนา
  • <i> หรือ <em> – ข้อความเอียง
  • <u> – ขีดเส้นใต้
  • <br> – ขึ้นบรรทัดใหม่
  • <hr> – เส้นคั่นแนวนอน

แอตทริบิวต์พื้นฐาน

แท็ก HTML มักมีแอตทริบิวต์เพื่อกำหนดคุณสมบัติเพิ่มเติม เช่น

  • id – ระบุตัวตนเฉพาะ
  • class – ระบุคลาสสำหรับ CSS
  • style – กำหนดสไตล์ inline
  • src – ที่มาของไฟล์ (สำหรับ img, script)
  • href – ลิงก์ปลายทาง (สำหรับ a)

HTML เป็นพื้นฐานสำคัญของการพัฒนาเว็บ และทำงานร่วมกับ CSS (สำหรับการออกแบบ) และ JavaScript (สำหรับการโต้ตอบ) เพื่อสร้างเว็บไซต์ที่สมบูรณ์

Leave a Comment

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *