ให้เรตสมาชิก: 2 / 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
คำสั่ง Loop ภาษา php
โดย abdkode อ 15 ม.ค. 2019 7:01 pm บอร์ด PHP Knowledge
0
6
อ 15 ม.ค. 2019 7:01 pm โดย abdkode
วิธีถ่ายโอนรูปภาพจากแอนดรอยด์ด้วยแอพฯ Your Phone บน Windows
โดย theoneozz อ 15 ม.ค. 2019 6:40 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
6
อ 15 ม.ค. 2019 6:40 pm โดย theoneozz
ความรู้เกี่ยวกับระบบสนับสนุนการตัดสินใจ
โดย ณัฐกฤตา บุญญะฤทธิ์ อ 15 ม.ค. 2019 6:30 pm บอร์ด Share Knowledge
0
15
อ 15 ม.ค. 2019 6:30 pm โดย ณัฐกฤตา บุญญะฤทธิ์
สร้างเว็บไซต์ด้วย Joomla
โดย abdkode อ 15 ม.ค. 2019 6:27 pm บอร์ด Joomla Developing Knowledge
0
7
อ 15 ม.ค. 2019 6:27 pm โดย abdkode
นิยามของสินทรัพย์ หนี้สิน และส่วนของเจ้าของ
โดย Chidchanok อ 15 ม.ค. 2019 6:13 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
7
อ 15 ม.ค. 2019 6:13 pm โดย Chidchanok
ความแตกต่างระหว่าง Purchase Order และ Purchase requisition
โดย Chidchanok อ 15 ม.ค. 2019 6:11 pm บอร์ด Share Knowledge
0
9
อ 15 ม.ค. 2019 6:11 pm โดย Chidchanok
วิธีการเปิดอ่านข้อความส่วนตัว ในเว็บบอร์ด phpBB
โดย จันนุสรณ์ ดีแก่ อ 15 ม.ค. 2019 2:36 pm บอร์ด phpBB user Guide Knowledge
0
7
อ 15 ม.ค. 2019 2:36 pm โดย จันนุสรณ์ ดีแก่
เมื่อเปิดตู้เย็นในที่ทำงานแล้วของที่แช่หายไป
โดย จันนุสรณ์ ดีแก่ อ 15 ม.ค. 2019 2:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
อ 15 ม.ค. 2019 2:09 pm โดย จันนุสรณ์ ดีแก่
โพสบทความในหน้าเว็บ Mindphp ไม่ได้ครับ
โดย theoneozz อ 15 ม.ค. 2019 1:21 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
21
อ 15 ม.ค. 2019 1:21 pm โดย theoneozz
[Extension phpBB3.1.1] Advanced login Extension การเข้าสู่ระบบแบบขั้นสูง
โดย จันนุสรณ์ ดีแก่ อ 15 ม.ค. 2019 12:11 pm บอร์ด phpBB 3.1 Extension Review
0
9
อ 15 ม.ค. 2019 12:11 pm โดย จันนุสรณ์ ดีแก่
Python Gui เบื้องต้น part4 สร้างปุ่ม Button
โดย ichimarusoichi อ 15 ม.ค. 2019 11:49 am บอร์ด Programming - C/C++ & java & Python
0
22
อ 15 ม.ค. 2019 11:49 am โดย ichimarusoichi
การสืบค้นข้อมูลสารสนเทศที่ต้องการนำมาใช้ประโยชน์
โดย ณัฐกฤตา บุญญะฤทธิ์ อ 15 ม.ค. 2019 11:29 am บอร์ด Share Knowledge
0
30
อ 15 ม.ค. 2019 11:29 am โดย ณัฐกฤตา บุญญะฤทธิ์
ประเภทของบัญชีเงินฝาก
โดย Chidchanok อ 15 ม.ค. 2019 11:20 am บอร์ด Share Knowledge
0
9
อ 15 ม.ค. 2019 11:20 am โดย Chidchanok
Python Gui เบื้องต้น part3 สร้างข้อความด้วย Label
โดย ichimarusoichi อ 15 ม.ค. 2019 10:59 am บอร์ด Programming - C/C++ & java & Python
0
11
อ 15 ม.ค. 2019 10:59 am โดย ichimarusoichi
ตัวอย่างของสินทรัพย์ไม่มีตัวตน
โดย Chidchanok อ 15 ม.ค. 2019 10:57 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
10
อ 15 ม.ค. 2019 10:57 am โดย Chidchanok
[Extension phpBB3.1.1] Sunspots Extension รูปพระอาทิตย์บนหัวฟอรัม
โดย จันนุสรณ์ ดีแก่ อ 15 ม.ค. 2019 10:46 am บอร์ด phpBB 3.1 Extension Review
0
8
อ 15 ม.ค. 2019 10:46 am โดย จันนุสรณ์ ดีแก่
ประเภทของระบบปฏิบัติการ
โดย ณัฐกฤตา บุญญะฤทธิ์ อ 15 ม.ค. 2019 10:36 am บอร์ด Share Knowledge
0
37
อ 15 ม.ค. 2019 10:36 am โดย ณัฐกฤตา บุญญะฤทธิ์
วงจรการบัญชี
โดย Chidchanok อ 15 ม.ค. 2019 10:31 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
8
อ 15 ม.ค. 2019 10:31 am โดย Chidchanok
การจัดทำงบต้นทุนการผลิต
โดย Chidchanok อ 15 ม.ค. 2019 10:17 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
6
อ 15 ม.ค. 2019 10:17 am โดย Chidchanok
Python Gui เบื้องต้น part2 กำหนดขนาดหน้าจอและชื่อหัวข้อที่แสดง
โดย ichimarusoichi อ 15 ม.ค. 2019 10:17 am บอร์ด Programming - C/C++ & java & Python
0
12
อ 15 ม.ค. 2019 10:17 am โดย ichimarusoichi