ข้ามไปที่เนื้อหาหลัก

โครวสร้าง และส่วนประกอบ ของภาษา html

โครงสร้างของภาษา html 

   แบ่งออกเป็น 2 ส่วน ใหญ่ๆ คือ ส่วนหัว <head> กับส่วนข้อความเนื้อหา <body>

ส่วนหัว  เป็นส่วนที่แสดงรายละเอียดของเว็บ จะไม่แสดงผลบนเว็บเบราเซอร์
ส่วนเนื้อหา เป็นส่วนที่แสดงเนื้อหาต่างๆของเว็บ

ตัวอย่างเอกสาร :

<html>
<title>ตัวอย่างเอกสาร</title>                          <<< ส่วนหัว
<body>

ข้อความ รูปภาพ หรือวิดีโอ ที่แสดงบนเว็บ       <<<ส่วนข้อความ

</body>
</html>

หมายเหตุ : ภาษาที่ใช้ใน < > จะเป็นอักษรตัวใหญ่ หรือเล็กก็ได้ ไม่มีผล 



ส่วนประกอบใน html

ประกอบด้วยแท็กต่างๆ โดยที่แท็กต่างๆจะมีแท็กเปิด ข้อความของแท็ก และแท็กปิด แต่แท็กบางอย่างอาจไม่ต้องมีแท็กปิด เช่น <br/> แต่เราสามารถกำหนดคุณลักษณะเพิ่มเติมได้

  1. แท็กซ้อนกันได้ เช่น <body> <p> เนื้อหา </p></body>
  2. ต้องไม่ลืมปิดแท็ก แต่แท็กบางแท็กสามารถแสดงผลได้ แม้ลืมปิดแท็ก
  3. แท็กแบบเดี่ยว แท็กที่ไม่มีเนื้อหา หรือไม่ต้องการแท็กปิด






ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

วิธีสร้างแถบเมนูอย่างง่าย หรือหน้าเว็บ

สำหรับใครที่อยากได้แถบเมนูแบบข้างล่างนี้ สามารถทำได้ง่ายๆตามนี้เลย ครับ 1. คลิกที่ หน้าเว็บ >> จากนั้นคลิกที่หน้าเว้บใหม่ >> เลือกหน้าเว็บเปล่า 2.ก็สร้างหน้าเว็บแบบบทความเลยครับ เราก็จะได้หน้าเว็บมา แต่ยังไม่มีแถบเมนูนะครับ 3.กลับมาที่หน้าเว็บ เเล้วเลือกแสดงหน้าเว็บเป็น ก็จะมีให้เลือกอยู่ 2 แบบ คืออยู่ด้านบน กับด้านข้างเลือกได้ตาใจชอบเลยครับ ง่ายใช่ไหมครับสำหรับการสร้างแถบเมนู เพียงเท่านี้บล็อกของเราก็ ใช้งานได้ง่ายมากยิ่งขึ้นเลยทีเดียว อย่ารอช้าครับรีบทำกันเลย!

เปลี่ยนพื้นหลัง

หากว่าใครที่อยากเปลี่ยภาพพื้นหลังของบล็อกทำได้ง่ายๆ โดยใช้เวลาไม่ถึง 1 นาที ด้วย 4 วิธี ดังนี้ครับ 1. คลิกที่ แม่แบบ ------------------------------------------------------------------------------------------------------------ 2. เลือกที่กำหนดค่า ----------------------------------------------------------------------------------------------------------- 3. จากนั้นคลิกที่พื้นหลัง โดยที่จะมีรูปภาพให้เลิอกอยู่แล้วมากมาย ตามมวดหมู่เลยทีเดียว แต่หากพื้นหลังไม่โดน     ก็สามารถอัพโหลดเองได้ครับ โดยคลิกที่อัพโหลด>>เลือกไฟล์>>เมื่อเลือกไฟล์เสร็จก็คลิกตลลง และเสร็จสิ้น ตามภาพข้างล่าง 1>>2>>3>>4 ------------------------------------------------------------------------------------------------------------ เพียงเท่านี้ก็จะได้พื้นหลังที่สวยงาม มากยิ่งขึ้น