โครงสร้างเอกสาร HTML
หน้า: [1]   ลงล่าง
  พิมพ์  
Share this topic on FacebookShare this topic on MySpaceShare this topic on TwitterShare this topic on GoogleShare this topic on
ผู้เขียน หัวข้อ: โครงสร้างเอกสาร HTML  (อ่าน 5584 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
ผู้ดูแลบอร์ดหมายเลข 2
ชมพู น้ำเงิน
Administrator
แฟนพันธุ์แท้
*

2820
ออฟไลน์ ออฟไลน์

• เจ้าของกระทู้ •


เพศ: ชาย
ย.บ. รุ่นที่: 68
เลขประจำตัว: 28893
สถานะ: ศิษย์เก่า
ตอบกระทู้: 7312
สมาชิกลำดับที่: 263

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 69 : Exp 66%
HP: 0.1%

メーテイー (♥) ワシカー

lordodinos@windowslive.com lordodinos@yahoo.co.th methee.treewichian http://bassworldodinos.hi5.com
เว็บไซต์
« เมื่อ: 28 ตุลาคม 2008, 22:20:53 PM »

ไฟล์เอกสาร HTML ประกอบด้วยส่วนประกอบสองส่วนคือ Head กับ Body โดยสามารถเปรียบเทียบได้ง่ายๆ ก็คือ ส่วน Head จะคล้ายกับส่วนที่เป็น Header ของหน้าเอกสารทั่วไป หรือบรรทัด Title ของหน้าต่างการทำงานในระบบ Windows สำหรับส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้นๆ โดยทั้งสองส่วนจะอยู่ภายใน Tag <HTML>?</HTML>
 
 
โครงสร้างไฟล์ HTML
 
ส่วนหัวเรื่องเอกสารเว็บ (Head Section)
 
Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้นๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ (Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ
 
<HEAD>
<TITLE>ข้อความอธิบายชื่อเรื่องของเว็บ</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=TIS-620">
<META NAME="Author" CONTENT="ชื่อผู้พัฒนาเว็บ">
<META NAME="KeyWords" CONTENT="ข้อความ 1, ข้อความ 2, ?">
</HEAD>
 
 
ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา, เอียง หรือสี และควรใช้เฉพาะภาษาอังกฤษที่มีความหมายครอบคลุมถึงเนื้อหาของเอกสารเว็บ หรือมีลักษณะเป็นคำสำคัญในการค้นหา (Keyword)
 
การแสดงผลจาก Tag TITLE บนเบราเซอร์จะปรากฏข้อความที่กำกับด้วย Tag TITLE ในส่วนบนสุดของกรอบหน้าต่าง (ใน Title Bar ของ Window นั่นเอง)
 
Tag META จะไม่ปรากฏผลบนเบราเซอร์ แต่จะเป็นส่วนสำคัญ ในการทำคลังบัญชีเว็บ สำหรับผู้ให้บริการสืบค้นเว็บ (Search Engine) และค่าอื่นๆ ของการแปลความหมาย
 
การพิมพ์ชุดคำสั่ง HTML สามารถพิมพ์ได้ทั้งตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ หรือผสม การย่อหน้า เว้นบรรทัด หรือช่องว่าง สามารถกระทำได้อิสระ โปรแกรมเบราเซอร์จะไม่สนใจเกี่ยวกับระยะเว้นบรรทัดหรือย่อหน้า หรือช่องว่าง
 
 
ส่วนเนื้อหาเอกสารเว็บ (Body Section)
 
Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆ
 
ส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่มักจะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> ? </BODY> และแบ่งกลุ่มคำสั่งได้ดังนี้
 
กลุ่มคำสั่งเกี่ยวกับการจัดการพารากราฟ
 
กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร
 
กลุ่มคำสั่งการทำเอกสารแบบรายการ (List)
 
กลุ่มคำสั่งเกี่ยวกับการทำลิงค์
 
กลุ่มคำสั่งจัดการรูปภาพ
 
กลุ่มคำสั่งจัดการตาราง (Table)
 
กลุ่มคำสั่งควบคุมเฟรม
 
กลุ่มคำสั่งอื่นๆ

บันทึกการเข้า

ม.ต้น  1/10, 2/8, 3/8 ม.ปลาย 4/5, 5/4, 6/4
gintonix
ประชาสัมพันธ์จำเป็น...
ประชาสัมพันธ์
แฟนพันธุ์แท้
*

5595
ออฟไลน์ ออฟไลน์


เพศ: หญิง
ย.บ. รุ่นที่: 64
เลขประจำตัว: 28385
สถานะ: ศิษย์เก่า
ตอบกระทู้: 5842
สมาชิกลำดับที่: 368

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 62 : Exp 25%
HP: 0.1%

gintonix_za@hotmail.com 1384256375
« ตอบ #1 เมื่อ: 28 ตุลาคม 2008, 22:24:36 PM »

นินิ....

เอา ภาษา php มาให้ยืมอ่านหน่อยดิ

แลกอ่านกะแฮรี่อ่ะ....

บันทึกการเข้า

When looking for love, don’t be selfish and look just to be loved,
look for love to give all the love you have. Only then can you find love.
-------------------------------------------------------------------------------
The Way I am.
ผู้ดูแลบอร์ดหมายเลข 2
ชมพู น้ำเงิน
Administrator
แฟนพันธุ์แท้
*

2820
ออฟไลน์ ออฟไลน์

• เจ้าของกระทู้ •


เพศ: ชาย
ย.บ. รุ่นที่: 68
เลขประจำตัว: 28893
สถานะ: ศิษย์เก่า
ตอบกระทู้: 7312
สมาชิกลำดับที่: 263

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 69 : Exp 66%
HP: 0.1%

メーテイー (♥) ワシカー

lordodinos@windowslive.com lordodinos@yahoo.co.th methee.treewichian http://bassworldodinos.hi5.com
เว็บไซต์
« ตอบ #2 เมื่อ: 28 ตุลาคม 2008, 22:37:01 PM »

ไม่มีหนังสือเลยงะ พี่  มีแต่ Ebook แต่เป็น ตัว code เลยนะ เอาม่ะ

บันทึกการเข้า

ม.ต้น  1/10, 2/8, 3/8 ม.ปลาย 4/5, 5/4, 6/4
gintonix
ประชาสัมพันธ์จำเป็น...
ประชาสัมพันธ์
แฟนพันธุ์แท้
*

5595
ออฟไลน์ ออฟไลน์


เพศ: หญิง
ย.บ. รุ่นที่: 64
เลขประจำตัว: 28385
สถานะ: ศิษย์เก่า
ตอบกระทู้: 5842
สมาชิกลำดับที่: 368

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 62 : Exp 25%
HP: 0.1%

gintonix_za@hotmail.com 1384256375
« ตอบ #3 เมื่อ: 28 ตุลาคม 2008, 22:39:15 PM »

แล้วมันอ่านได้อ่ะป่าวล่ะฟร่ะ...

ถ้าอ่านได้ก้อส่งมา

บันทึกการเข้า

When looking for love, don’t be selfish and look just to be loved,
look for love to give all the love you have. Only then can you find love.
-------------------------------------------------------------------------------
The Way I am.
ผู้ดูแลบอร์ดหมายเลข 2
ชมพู น้ำเงิน
Administrator
แฟนพันธุ์แท้
*

2820
ออฟไลน์ ออฟไลน์

• เจ้าของกระทู้ •


เพศ: ชาย
ย.บ. รุ่นที่: 68
เลขประจำตัว: 28893
สถานะ: ศิษย์เก่า
ตอบกระทู้: 7312
สมาชิกลำดับที่: 263

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 69 : Exp 66%
HP: 0.1%

メーテイー (♥) ワシカー

lordodinos@windowslive.com lordodinos@yahoo.co.th methee.treewichian http://bassworldodinos.hi5.com
เว็บไซต์
« ตอบ #4 เมื่อ: 28 ตุลาคม 2008, 22:40:21 PM »

ไปค้นดูก่อนคับ  ไม่แน่ใจ

ถ้าอ่านไม่ได้ก็ไม่เอาใช่ม่ะ
 

 อิอิ

บันทึกการเข้า

ม.ต้น  1/10, 2/8, 3/8 ม.ปลาย 4/5, 5/4, 6/4
gintonix
ประชาสัมพันธ์จำเป็น...
ประชาสัมพันธ์
แฟนพันธุ์แท้
*

5595
ออฟไลน์ ออฟไลน์


เพศ: หญิง
ย.บ. รุ่นที่: 64
เลขประจำตัว: 28385
สถานะ: ศิษย์เก่า
ตอบกระทู้: 5842
สมาชิกลำดับที่: 368

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 62 : Exp 25%
HP: 0.1%

gintonix_za@hotmail.com 1384256375
« ตอบ #5 เมื่อ: 28 ตุลาคม 2008, 22:43:00 PM »

เอามา........

บันทึกการเข้า

When looking for love, don’t be selfish and look just to be loved,
look for love to give all the love you have. Only then can you find love.
-------------------------------------------------------------------------------
The Way I am.
หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป: