Embed Size (px)
Citation preview
HTML
คออะไร
HTML คออะไร
ยอมาจากคำาวา HyperText Markuup Language เปนภาษาพนฐานของการพฒนาเวบไซตโดยเฉพาะ นอกเหนอจากภาษาอนๆ และเปนภาษาทโปรแกรมเวบบราวเซอรสามารถเขาใจไดดทสด และแสดงผลไดเรวทสดดวยเชนกน ดงนนผทตองการจะสรางเวบทกๆ คน ควรมความรพนฐานของภาษา HTML เปนหลกดวย สำาคญมากๆ
ภาษา HTML เปนภาษาทมการพฒนาการอยางตอเนองเชนเดยวกบภาษาอนๆ ดวยเชนกน เปนภาษาทมหนวยงานรบผดชอบในการดแลและจดมาตราฐานดวย ชอ W3C (World Wide Web Consortium)
โครงสร างหล กของภาษา HMTL
ตวอยางโครงสรางภาษา HTML<HTML> <HEAD>
<TITLE> ขอตอนรบสเวบ ไอท-ไกด ดอทคอม</TITLE></HEAD> <BODY>
Sawasdee?นคอ Web Page แรกของดฉน</BODY> </HTML>
หมายเหต :- ตวหนงสอสแดง คอคำาสงในภาษา HTML
ตวอย างแทก ส ำาหร บการทำาต วอ กษรหนา
<b>สวสดครบ เพอนๆ</b>ดงนน ขอแนะนำา ผทสนใจจะมเวบไซตเปนของตวเอง และตองการ
พฒนาเวบไซต ควรศกษาความรพนฐานของภาษา HTML นกอน ทงน เพอใหสามารถแกไข เพมเตมขอมลบนเวบไซตของเราไดสะดวกมากยงขน
ตวอยางโครงสรางภาษา HTML<HTML> <HEAD>
<TITLE> โปรแกรมแรกของดฉน </TITLE></HEAD> <BODY>
<!-- สำาหรบใสขอความทชวยในการอธบาย การเขยนคำาสง //-->Sawasdee คะ นคอ Web Page แรกของดฉน
</BODY> </HTML>
หมายเหต :- ตวหนงสอสแดง คอคำาสงในภาษา HTML
ตวอยาง
ตวอยาง
<HTML> </HTML> - หมายถง คำาสงทใชกำาหนดวาเปนเอกสาร HTML (คำาสงนจะอยตอนบนสดและลางสดของไฟล)
<HEAD> </HEAD> - หมายถง คำาสงทใชกำาหนดวาชอเรองของไฟล HTML <TITLE> </TITLE> - หมายถง คำาสงทใชกำาหนดวาชอของเอกสาร (คำาสงนจะอย
ระหวางคำาสง HEAD) <BODY> </BODY> - หมายถง คำาสงทใชกำาหนดวาเปนสวนของรายละเอยด (คำา
สงนจะอยหลงคำาสง HEAD)
นำำรปภำพมำแสดงบน Web Page
ตวอยำงกำรใชคำำสงสำำหรบกำรใสรปภำพ<HTML> <HEAD>
<TITLE> โปรแกรมแรกของดฉน </TITLE> </HEAD> <BODY>
<img src = "banner\thaithai.gif">
</BODY> </HTML>
หมำยเหต :- ตวหนงสอสแดง คอคำำสงในภำษำ HTML ?
รำยละเอยดควำมหมำยของแตละคำำสง <img src="/banner\thaithai.gif" mce_src="/banner\thaithai.gif">
ควำมหมำย : - คำำสงในกำรแสดงรปภำพ ไมวำจะเปนรปภำพเคลอนไหว (gif animation) )หรอรปภำพธรรมดำ กใชคำำสงเดยวกน และไมจำำเปนจะตองม Tag
ปดทำยเหมอนคำำสงอน ๆ
จดเชอมโยง หรอ Link
ตวอยำงกำรใชคำำสงสรำงจดเชอมโยง<HTML> <HEAD>
<TITLE> โปรแกรมแรกของดฉน </TITLE> </HEAD> <BODY>
<a href = "page1.html">Dance Music</a> <a href = "http://www.clickmeit.com">Visit MyWeb </a>
<a href = "http://www.clickmeit.com"> <img src = "banner\clipmail.gif"></a>
</BODY> </HTML>
ว ธการแบงจอภาพเปนส วน ๆ
ตวอยางการแบงจอภาพเปนสวน ๆ<HTML> <HEAD>
<TITLE> โปรแกรมแรกของดฉน </TITLE> <frameset cols = "20%,*">
<frame src ="left.html"><frame src ="right.html">
</frameset> </HTML>
รายละเอยดความหมายของแตละคำาสง <frameset cols = "20%,*">ความหมาย : - คำาสงเรมตนของคำาสง Frameset
การแบงดวยคำาสงนจะแบงในแนว Column เราสามารถเปลยนการแบงจอภาพในลกษณะของแนวนอน หรอ Row ได โดยใชคำาสง Rows ="25%,75%" (กำาหนดขนาดเทาใดกได)
<frame src "left.html">ความหมาย : - คำาสงในการกำาหนดชอไฟลทถกแบงในลำาดบท 1 คอ 20%
<frame src "right.html">ความหมาย : - คำาสงในการกำาหนดชอไฟลทถกแบงในลำาดบท 2 ดอกจนทน " * " คอคำาสงในการกำาหนดสวนทเหลอ นนคอ 80%
</frameset>ความหมาย : - คำาสงปดของคำาสง frameset
