แบบฝึกหัด Html พร้อมเฉลย
HTML (ภาษาเอชทีเอ็มแอล) ย่อมาจาก HyperText Markup Language ซึ่งเป็นภาษาที่ใช้สร้างเว็บไซต์และเนื้อหาบนเว็บไซต์ เป็นภาษาที่ใช้จัดรูปแบบและกำหนดโครงสร้างของเว็บไซต์ ซึ่งโครงสร้างจะประกอบด้วยแท็ก (tag) ต่างๆ เช่น ,
, เป็นต้นในบทความนี้ เราจะฝึกหัดใช้แท็กต่างๆ ใน HTML เพื่อสร้างเว็บไซต์ง่ายๆ พร้อมเฉลยและอธิบายความหมายของแต่ละแท็ก
1. สร้างแท็กของ HTML
แท็ก เป็นแท็กที่ใช้เริ่มต้นของเอกสาร HTML และทุกอย่างที่อยู่ในเว็บไซต์จะอยู่ในแท็ก ตัวอย่างเช่น:
“`html
“`
2. เขียนแท็กฐาน และแท็กส่วนผสมใน HTML
แท็ก
“`html
“`
แท็ก
เป็นแท็กที่ใช้สำหรับการเขียนเนื้อหาบนหน้าเว็บไซต์ ในส่วนนี้ เราสามารถใช้แท็กต่างๆ เพื่อกำหนดรูปแบบและเนื้อหาของเว็บไซต์ ตัวอย่างเช่น:“`html
ยินดีต้อนรับสู่เว็บไซต์ของฉัน
ฉันชื่อ John Doe และนี่คือเว็บไซต์ส่วนตัวของฉัน
“`
3. ใช้แท็กรูปภาพและลิงค์ใน HTML
แท็ก เป็นแท็กที่ใช้แสดงรูปภาพบนเว็บไซต์ โดยเราต้องระบุแหล่งที่อยู่ของรูปภาพ (URL) ตัวอย่างเช่น:
“`html
“`
แท็ก เป็นแท็กที่ใช้สร้างลิงค์ (link) บนเว็บไซต์ เราต้องระบุ URL ที่เราต้องการเชื่อมโยงและข้อความที่ต้องการแสดงต่อผู้ใช้ ตัวอย่างเช่น:
“`html
เว็บไซต์ตัวอย่าง
“`
4. เพิ่มสี และการจัดแสดงใน HTML
เราสามารถใช้แท็ก
```
5. สร้างตารางข้อมูลใน HTML
แท็ก
สำหรับเซลล์ในตาราง ตัวอย่างเช่น: ```html
``` 6. ใช้แท็กลิสต์ และสร้างตัวเลือกใน HTML
```html ``` แท็ก 7. จัดรูปแบบข้อความใน HTML นี่คือ ข้อความตัวใหญ่ และเนื้อหาที่ เอียง ในประโยคนี้ ``` 8. ใช้แท็กแบบฟอร์มใน HTML ``` 9. สรุปและอธิบายความหมายของแต่ละแท็กใน HTML - - : แท็กที่ใช้กำหนดคุณสมบัติเพิ่มเติมของเอกสาร HTML เช่น คำอธิบายและคีย์เวิร์ด - - -
- |