Page 27 - การโปรแกรมเว็บ
P. 27
เจเอสพี 7-15
ตัวอย่างที่ 7.3 การใชง้ านแทก็ Directive
สร้างไฟล์ header.html ดงั น้ี
header.html
โปรแกรมนตี้ ้องการสร้างไฟล์ HTML เพ่ือแสดงรปู ภาพในเอกสารเวบ็ เพจ
1 <html>
2 <head>
3 <title>TODO supply a title</title>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 </head>
7 <body>
8 <div>Test Tag Directive</div>
9 <img src="\MyJSP\MyJSP1\Web\images\jsp_logo.jpg">
10 </body>
11 </html>
ค�ำอธิบาย
บรรทดั ท่ี 1 ค�ำสงั่ แทก็ เปิดของไฟลเ์ อกสารเว็บเพจ header.html
บรรทัดที่ 2-6 ค�ำสั่งส่วนหัวของเอกสารเว็บเพจ
บรรทัดที่ 7 ค�ำสง่ั แทก็ เปดิ สว่ นเน้อื หาของเอกสารเวบ็ เพจ
บรรทัดท่ี 8 คำ� สงั่ แสดงข้อความ Test Tag Directive บนเว็บเพจ
บรรทดั ท่ี 9 คำ� สั่งแสดงรปู ภาพโดยกำ� หนดทีอ่ ยู่ของรูปภาพ
บรรทัดท่ี 10 ค�ำส่งั แท็กปดิ สว่ นเนอ้ื หาของเอกสารเวบ็ เพจ
บรรทดั ที่ 11 คำ� ส่ังแท็กปดิ ของไฟล์เอกสารเวบ็ เพจ
สร้างโฟลเดอร์ D:\MyJSP\MyJSP1\Web\images และน�ำไฟล์ jsp_logo.jpg ไปเกบ็ ไว้
เม่ือทดสอบการท�ำงานของไฟล์ header.html จะได้ผลลัพธด์ งั ภาพท่ี 7.4
