ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 4 ส่วนประกอบสำคัญของภาษา HTML
   ภาษา HTML มีโครงสร้างการเขียน ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรม บราวเซอร์ (Browser)

Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < )
และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
   -Tag เดี่ยว
    เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <P>, <HR> เป็นต้น
   -Tag เปิด/ปิด
    เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash (/) นำหน้าคำสั่งใน Tag นั้นๆ เช่น <B>?</B>, <P>?</P> เป็นต้น
ตัวอย่าง Tag

Tag ขึ้นต้น ความหมาย Tag จบ
<p> เนื้อเรื่อง ส่วนบรรยาย </p>
<a href="/default.htm"> ลิงค์ </a>
<html> ขอบเขตเนื้อหาทั้งหมด จะอยู่ในส่วนี้ จะสังเกิดว่า Tag นี้ เป็น Tag แรก และเป็น Tag สุดท้ายเสมอ </html>
<body> ส่วนเนื้อหา ส่วนนี้มักอยู่ถัดจาก Tag <html> </body>


Attributes
      Attribute เป็นส่วนขยายใน tag ใช้สําหรับจัดรูปแบบเพิ่มเติม เช่น ขนาด สี ระยะห่าง เป็นต้น ค่าของ attribute จะอยู่ในเครื่องหมาย "?"  เช่น
align="center">ข้อความในพารากราฟนี้จัดวางอยู่กึ่งกลางหน้าจอ

width="200" color="red" noshade> ใช้สร้างเส้นคั่นยาว 200 pixel สีแดงทึบ
   โดยคำสั่ง HTML แต่ละคำสั่ง จะมี Attribute แตกต่างกันไป และมีจำนวนไม่เท่ากัน การระบุ Attribute มากกว่า 1 Attribute ให้ใช้ช่องว่างเป็นตัวคั่น เช่น Tag ควบคุมเกี่ยวกับรูปภาพ <IMG> มี Attributes ดังนี้
    

<IMG SRC="ชื่อไฟล์.นามสกุล" WIDTH="n" HEIGHT="n" ALT="text" BORDER="n">

   โดย SRC เป็น Attribute ควบคุมชื่อไฟล์ภาพที่จะนำมาแสดงผล

        WIDTH เป็น Attribute ควบคุมความกว้างของภาพ

        HEIGHT เป็น Attribute ควบคุมความสูงของภาพ

        ALT เป็น Attribute ควบคุมคำอธิบายภาพ

        BORDER เป็น Attribute ควบคุมขนาดของเส้นขอบของภาพ

    ไฟล์เอกสาร HTML เป็นไฟล์ข้อความรูปแบบหนึ่ง (Text File) ที่เก็บชุดคำสั่ง HTML ดังนั้นการสร้างเอกสาร HTML จึงสามารถใช้ Text Editor ตัวใดก็ได้ เช่น NotePad หรือ TextEdit

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 23 พฤษภาคม 2562
โดย teenproza7 พฤ 23 พฤษภาคม 2019 9:55 am บอร์ด M082 - ยศนันท์ ปันคำ
0
2
พฤ 23 พฤษภาคม 2019 9:55 am โดย teenproza7
อยากเล่นเฟซบุ๊กต้องทำยังไง
โดย teenproza7 พ 22 พฤษภาคม 2019 8:48 pm บอร์ด Share Knowledge
0
20
พ 22 พฤษภาคม 2019 8:48 pm โดย teenproza7
สอบถามเรื่องการสร้างเพจ
โดย khwanchanok พ 22 พฤษภาคม 2019 7:14 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
10
พ 22 พฤษภาคม 2019 7:14 pm โดย khwanchanok
วิธี start server บนเครื่อง VM กรณี server ดับ (Ubuntu server) ระบบไฟล์มีปัญหา
โดย tatiya พ 22 พฤษภาคม 2019 7:04 pm บอร์ด Linux - Web Server
0
15
พ 22 พฤษภาคม 2019 7:04 pm โดย tatiya
ข้อดีเเละข้อเสียของการซื้อของเเพง
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 6:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
พ 22 พฤษภาคม 2019 6:50 pm โดย สริญญา สมสา
การสร้าง FanPage ใน Facbook
โดย khwanchanok พ 22 พฤษภาคม 2019 6:46 pm บอร์ด Share Knowledge
3
34
พ 22 พฤษภาคม 2019 7:50 pm โดย tatiya
ไม่สามารถส่งค่าไปยัง database ได้
โดย teenproza7 พ 22 พฤษภาคม 2019 6:21 pm บอร์ด Programming - C/C++ & java & Python
1
18
พ 22 พฤษภาคม 2019 6:30 pm โดย tatiya
เรียนรู้การนับค่าKey index ในList
โดย khwanchanok พ 22 พฤษภาคม 2019 6:15 pm บอร์ด Python Knowledge
0
4
พ 22 พฤษภาคม 2019 6:15 pm โดย khwanchanok
ข้อแตกต่างระหว่าง List Tuple และ Ditionary
โดย khwanchanok พ 22 พฤษภาคม 2019 6:04 pm บอร์ด Python Knowledge
0
5
พ 22 พฤษภาคม 2019 6:04 pm โดย khwanchanok
มารู้จักกับ Built-in Funtion ในPython
โดย khwanchanok พ 22 พฤษภาคม 2019 5:52 pm บอร์ด Python Knowledge
0
6
พ 22 พฤษภาคม 2019 5:52 pm โดย khwanchanok
สร้างตัวแปรใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:36 pm บอร์ด Python Knowledge
0
7
พ 22 พฤษภาคม 2019 5:36 pm โดย khwanchanok
Error ภาษาไทยใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:29 pm บอร์ด Python Knowledge
0
16
พ 22 พฤษภาคม 2019 5:29 pm โดย khwanchanok
ดูแลหูฟังกันอย่างไรใหม่มีประสิทธิภาพ
โดย jamepiyawat พ 22 พฤษภาคม 2019 4:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
พ 22 พฤษภาคม 2019 4:55 pm โดย jamepiyawat
วิธีทำสลัดโรล
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 4:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พ 22 พฤษภาคม 2019 4:41 pm โดย สริญญา สมสา
ออกกำลังกายกี่วันถึงจะดีนะ ?
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พ 22 พฤษภาคม 2019 3:48 pm โดย jamepiyawat
ประเภทเเละระบบของการเงิน
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 3:29 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
7
พ 22 พฤษภาคม 2019 3:29 pm โดย สริญญา สมสา
เจอปัญหา หลังจากการอัพเกรด Joomla เมนูย่อย ใน Components Component หาย
โดย mindphp พ 22 พฤษภาคม 2019 3:28 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
9
พ 22 พฤษภาคม 2019 3:28 pm โดย mindphp
เลือกเก้าอี้ที่เหมาะสมกันเถอะ
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
21
พ 22 พฤษภาคม 2019 3:13 pm โดย jamepiyawat
สรุปฟีเจอร์ที่เพิ่มไปในระบบ Web - Ordering
โดย Parichat พ 22 พฤษภาคม 2019 2:55 pm บอร์ด Diageo - Web Ordering (Main)
0
7
พ 22 พฤษภาคม 2019 2:55 pm โดย Parichat
วิธีแก้อาการเมาค้าง แฮงค์ คลื่นไส้ ทำอย่างไรให้หายเมาแบบรวดเร็ว
โดย teenproza7 พ 22 พฤษภาคม 2019 2:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
พ 22 พฤษภาคม 2019 2:40 pm โดย teenproza7