อธิบายคาํ สงั่
Mailto:ทอี่ ยอู ีเมล@ ปลายทาง เปนการสรางลงิ้ ค
เพือ่ สงอีเมล โดยใชโปรแกรมอีเมลในเคร่อื งของ
ผูสงเชน Outlook Express
การแทรกไฟล Multimedia
การใสไ ฟลม ลั ตมิ เี ดยี เชน ไฟลเสยี ง เพลง, Video, Flash
เราสามารถใสไ ฟลเ พลง, ไฟล video หรือไฟล flash ลงไปในหนา เวบ็
เพจได ดว ยคาํ ส่งั <embed>
<embed> เปน คาํ สั่งแสดงการทาํ งานของโปรแกรม plug-in โดย
นําไปผนวกกับเอกสาร HTML และอาจใส tag <noembed> ควบคู
ไปดว ย เผ่อื เว็บเบราเซอรรนุ เกา ท่ยี ังไม support tag <embed> นี้.
โครงสรา งของคาํ ส่ังการแทรกไฟล Multimedia
<embed src="url ไฟล" width="number" height="number" >
<noembed><img src="url ไฟลรูปภาพที่ใหแสดงเมือ่ ใช embed ไมไ ด"
></noembed>
</embed>
คาํ ส่งั เสรมิ สําหรบั <embed>
- src="url" url ของไฟลท่ีจะใหเ ลน ไดแ ก ไฟลเสียง (เชน .mid, .wav, .mp3)
ไฟล vedio (เชน .avi, wmv, mov, mpeg) และไฟล Flash movie (
.swf)
- width="no" กําหนดขนาดความกวางของตวั player
- height="no" กําหนดขนาดความสงู ของตวั player
- align="top | middle | bottom | left | right" จัดวางตาํ แหนง
ใหก ับวตั ถุ ที่อยูขางๆ ตวั player
- name="ชือ่ " ช่ืออา งอิงของวัตถุ
- autostart="true | false" เมื่อโหลดเว็บเพจแลว ใหเลนอัตโนมัติหรอื ไม
- loop="true | false | number" กาํ หนดเปน true เม่ือตอ งการใหเ ลนซาํ้
ไปเร่อื ยๆ หรือกําหนดเปนตัวเลข จํานวนรอบทต่ี อ งการใหเ ลนซํ้า
- playcount="no" จาํ นวนรอบท่ใี หเลน (ใชไดเ ฉพาะ IE)
- hidden="true | false" ใหซอน หรือแสดงตวั player
- volume="0 ถึง 100" กําหนด volume ของเสียง (ใชไดเ ฉพาะ Netscape)
การแทรกไฟลเ สยี ง
ตวั อยา งการใชค าํ ส่งั เลน ไฟลเสยี ง
<embed src=“music01.mp3" width="100%"
height="60">
<noembed><img src="nosupport.gif"
></noembed>
</embed>
เฟรม การแบง จอภาพออกเปน สว น ๆ หรือ ทเ่ี รียกวา
เฟรม(frame)
การสรางชุดของ Frame จะใช tag <frameset> และกําหนด Frame
แตละหนา ดว ย tag <frame> มี attribute สาํ หรับปรับแตง Frame ไดแ ก
- noresize กาํ หนดไมใ หผใู ชป รับขนาด Frame ได
- frameborder="yes | no" ปกตจิ ะมกี รอบของ frame คั่นระหวาง
frame อยู แตถาไมต องการใหเ หน็ กาํ หนดคาเปน "no"
- marginheight="number" กําหนดระยะหาง frame จากขอบ
หนา ตางแนวตง้ั
- marginwidth="number" กาํ หนดระยะหาง frame จากขอบ
หนา ตา งแนวนอน
- scrolling="yes | no | auto" ถาหนา เวบ็ เพจยาวจะมีตัวเล่ือนโดย
อตั โนมัติ คาปกต"ิ auto" ถา ไมตอง การใหมีตวั เลื่อน ใหก ําหนดเปน "no"
- name กําหนดชอ่ื ใหกับเฟรมเพือ่ ใชเ ปนเปาหมายใหกบั คาํ ส่ัง Link
โครงสรา งของคําส่ังการแบงหนาจอแสดงผล (FRAME)
รูปแบบคําสั่ง
<HTML>
<TITLE>....................</TITLE>
<FRAMESET ROWS[หรือ COLS]="number,number">
<FRAME src="ชื่อไฟลท ่ีตองการแสดงผล หรือ URL">
<FRAME src="ชือ่ ไฟลที่ตองการแสดงผล หรือ URL">
</FRAMESET>
โดยท.ี่ .. ROWS = แบง แนวนอน COLS = แบงแนวตัง้
number = ตัวเลข เปน pixels หรอื ตัวเลขเปน % หรือ *
(หมายถึงจํานวนทเี่ หลือ)
ตัวอยา งการใชคําสัง่
<html>
<head></head>
<frameset rows="300,*"
frameborder="no" border="0">
<frame src ="logo.html">
<frame src ="main.html">
</frameset>
</html>
การแบงเฟรมแบบ 3 เฟรม
ตวั อยา งเฟรมทจี่ ะแบง กอ นจะเขยี นแบงเฟรมตองสรา งไฟล 3 ไฟลไวก อ น
คือหนา top.html , left.html , main.html
การเขยี นหนา ยอ ยกอ นจะเขียนเฟรม
left.html
<html>
<head>
<title>left frame</title>
</head>
<body bgcolor="yellow">
</body>
</html>
top.html
<html>
<head>
<title>top frame</title>
</head>
<body bgcolor=“red">
</body>
</html>
main.html
<html>
<head>
<title>main frame</title>
</head>
<body bgcolor=“pink">
</body>
</html>
การเขยี นหนา index เพ่อื แบง เฟรม
วิธีการเขียนการเชือ่ มโยงแบบเฟรม 2 frame
<html>
<head><title></title></head>
<frameset rows="300,*"
frameborder="yes" border="2">
<frame src="top.html">
<frame src="main.html">
</frameset>
</html>
ตวั อยา ง
การเขยี นเฟรมแบบ 3 เฟรมมาตรฐาน
<html>
<head><title></title></head>
<frameset rows="300,*" frameborder="yes"
border="2">
<frame src="top.html">
<frameset cols="300,*" frameborder="yes"
border="2">
<frame src="left.html">
<frame src="main.html">
</frameset></frameset></html>
ตวั อยางการสรา งเฟรม
การตกแตง เฟรมเพ่ิมเติม
<html><head><title></title></head>
<frameset rows="230,*" frameborder="No" border="0" >
<frame src="top.html" scrolling="no" name="topframe"
id="topframe“ framespacing="0">
<frameset cols="300,*" frameborder="No" border="0"
scrolling="no" framespacing="0">
<frame src="left.html" scrolling="no" name="leftframe
id="leftframe">
<frame src="main.html" name="mainframe" id="mainframe“
scrolling="no" >
</frameset></frameset></html>
ตวั อยางการเขยี น 3 เฟรม
<html ><head><title>การสรา งเฟรม</title></head>
<frameset rows="209,*" cols="*" frameborder="no"
border="0“ framespacing="0">
<frame src="top.html" name="topFrame“ crolling="no"
noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="238,*" framespacing="0"
frameborder="no" border="0">
<frame src="left.html" name="leftFrame" scrolling="no"
noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="main.html" name="mainFrame"
id="mainFrame“ title="mainFrame" />
</frameset></frameset><noframes>
<body></body></noframes></html>
ตวั อยางทไ่ี ดเ ม่อื คลกิ เนื้อหาแลวจะโชวท่เี มนเฟรม
งานการเขยี นเวบ็ เพจดว ยภาษาHTML (ใบงาน3)
รายละเอียด เว็บไซตข อง บรษิ ัท ขายดีดอทคอม
หนาหลกั
สินคา วธิ ีการส่งั ซ้อื ดูหนงั ฟง เพลง ดาวนโ หลด ตดิ ตอ เรา
ไฟล
สินคา มาใหม รายการสนิ คา
รายละเอยี ด รายละเอยี ด
สินคา สนิ คา
สนิ คา
รายการสินคา ใหม
รายการสินคา ราคา จํานวนสนิ คา ภาพประกอบ หมายเหตุ
5,900.- 50 ภาพ
Printer สินคาตองสัง่ จอง
HP3700 ลว งหนา
• รายการสินคา
รายการสนิ คา ราคา จํานวนสินคา ภาพประกอบ หมายเหตุ
5,900.- 50 ภาพ
Printer สนิ คา ตองสงั่ จอง
HP3700 ลว งหนา
หนาสินคายอย
Printer HP
รุน 3700 (คลกิ ทรี่ นุ จะไปท่รี ายละเอียดดา นลา ง)
รนุ 3800
รนุ Printer HP 3700 รายละเอยี ด ภาพประกอบ
วิธสี ่งั ซื้อ
เลือกสนิ คา..........
โอนเงนิ ..............
สง อีเมล..............
....................
ดาวนโหลดไฟล
คมู ือการใชงานไฟล PDF
คูมอื การใชง านไฟล Word
อ่ืนๆ
ติดตอเรา
ที่อยู
เบอรโ ทร
อ่นื ๆ
ทดสอบการเขียนเว็บเพจดวยภาษาHTML
รายละเอยี ด เวบ็ ไซตข อง สถานที่ทองเท่ียวจงั หวดั ........................
หนา หลกั
สถานที่ แหลง ของฝาก ติดตอ ประวตั ิผเู ขยี น
ทอ งเท่ียว สอบถาม
สถานท่ี 1 สถานที่ 2 แหลงท1ี่ แหลง ท2่ี
หนา หลกั (index.html)
ใสภ าพสถานทที่ องเทีย่ วจงั หวัดนน้ั (แตง ภาพ)
สถานท่ีทอ งเทย่ี ว ภาพตวั อยางท่ีทองเทีย่ วตา งๆ (พรอ มขอความ)
แหลง ขอ มลู ของฝาก
ตดิ ตอสอบถาม
ประวัติผูจัดทํา
หนา สถานทีท่ อ งเทยี่ ว (หนายอยทาํ 5 หนา )
ภาพประกอบ
1. ชื่อสถานที่ 1.....................
2. ชอ่ื สถานท่ี 2.....................
3. ชือ่ สถานที่ 3.....................
4. ชื่อสถานท่ี 4.....................
5. ช่ือสถานท่ี 5.....................
(มีการใชค าํ ส่ังเสน คน่ั และคําสัง่ ลาํ ดบั หัวขอ )
หนา ยอยสถานทท่ี อ งเทยี่ วทาํ 5 หนา
ชอ่ื สถานที่ .....................
ภาพ1 ภาพ 2 ภาพ 3
(คลกิ ทร่ี ูปแสดงรปู ใหญได)
เนอื้ หาสถานทที่ อ งเท่ยี ว
(ใชตารางจดั เนอ้ื หาและรูปภาพ)
แหลงของฝาก (ทาํ แบบ Link ภายใน)
ชอ่ื สถานที่ 1.....................
ชื่อสถานที่ 2.....................
ชื่อสถานที่ 3.....................
ชอ่ื สถานท่ี 4.....................
ชื่อสถานท่ี 5.....................
สถานท่ี 1
ภาพประกอบ
รายละเอยี ด
สอบถามขอ มลู เพ่ิมเตมิ
ภาพ
รายละเอียด
คนหาเพม่ิ เตมิ Link ไป http://www.google.co.th
ประวัติผจู ัดทํา
รปู
รายละเอียด
หมายเหตุ แตละหนา ตองมีการใชค าํ ส่งั หวั ขอ กาํ หนด Font สี ขนาด ใส
พ้นื หลงั เปน ภาพ เปน สี