HTML html x htm head titlehellotitle head body
HTML แฟมแรกของฉน >html< เชน x. htm >head< >title>hello</title< />head< >body bgcolor=yellow< welcome to my web page />body< />html< http: //www. thaiall. com/php Page: 4
หนา เอยง เสนใต >body< และปดบรรทด First : <b>lampang</b> Second : <i>bangkok</i> Third : <u>nan</u> />body< http: //www. thaiall. com/php Page: 5
แสดงแนวขอบฟา (Horizontal >body< Line) lampang >hr< bangkok >hr width=50%< nan >hr color=red< prayao >hr size=100 color=blue< />body< http: //www. thaiall. com/php Page: 6
กำหนดรปแบบตวอกษร >body < >font face=cordiaupc>tak</font< >font color=blue>lampang >font color=red size=6>nan</font < romeo</font><br< bangkok />body< http: //www. thaiall. com/php Page: 7
Webpage Link >body< >a href=a 01. htm>My Home</a< >a href=a 02. htm>My Friends</a< >a href=a 03. htm>Contact</a< >a href=a 04. htm>About Us</a< />body< http: //www. thaiall. com/php Page: 8
Body Properties >body bgcolor=green text=blue link=yellow alink=red vlink=black< >a href=a. htm>A page</a< />body< http: //www. thaiall. com/php Page: 9
Internet Webpage Link >body < >a href=products. htm>Products/>a < >a href=http: //www. lampang. go. th>Lampang/>a < >a href=http: //www. thaiall. com/php<PHP</a < />body< http: //www. thaiall. com/php Page: 10
Red Green Blue >body bgcolor=#ddffff< Red Green Blue 16 Million (256 * 256)<br< >font color=#ff 0000>red</font< >font color=#00 ff 00>green</font< >font color=#0000 ff>blue</font< >font color=#ffff 00>yellow</font< >font color=#000000>black</font< >font color=#ffffff>white</font< >font color=#dddddd>gray</font< />body< http: //www. thaiall. com/php Page: 11
Image Tag >body< >img src=x. jpg< >img src=x. gif< >img src=x. png< >img src=http: //a. com/x. png< />body< http: //www. thaiall. com/php Page: 12
Link of Image >body< >a href=x. htm><img src=x. gif></a< >a href=http: //www. thaiall. com< >img src=y. gif< />a< >a href=z. htm< >img src=z. jpg border=0< />a< />body< http: //www. thaiall. com/php Page: 13
ตาราง 1 ชอง >body< >table< >td>abc</td< />table< />body< http: //www. thaiall. com/php Page: 14
ตาราง 2 ชอง >body< >table bgcolor=#ddffdd< >td>lampang</td< >td>bangkok</td< />table< />body< http: //www. thaiall. com/php Page: 15
ตาราง มขอบ มสพน >body< >table border=1 width=80% bgcolor=yellow align=center< >td>lampang</td< >td>bangkok</td< >td>nan</td< />table< />body< http: //www. thaiall. com/php Page: 16
ตาราง 2 บรรทด มทงหมด >body< 6 ชอง >table border=1< >tr< >td>lampang</td< >td>bangkok</td< >td>nan</td< />tr< >td>boy</td< >td>girl</td< >td>baby</td< />tr< />table< />body< http: //www. thaiall. com/php Page: 17
กำหนดตำแหนงขอมลใน >table border=1ตาราง width=100%><tr < >td align=left>a b c d</td< >td valign=top width=100<e</td< >td valign=bottom align=right>f</td> </tr></table < http: //www. thaiall. com/php Page: 18
ขยายชองเดยวเปน 2 ชอง >body< >table border=1 width=200< >tr><td>a</td><td>b</td></tr< >tr><td colspan=2>c</td></tr< />table< />body< http: //www. thaiall. com/php Page: 19
ขยายชองเดยวเปน 2 แถว >table border=1 width=200< >tr><td>a</td><td rowspan=2>b</td><td>c</td></tr< >tr><td>d</td><td>e</td></tr< />table< http: //www. thaiall. com/php Page: 20
ชดขวาดวย DIV >body< >div align=right< abc />div< />body< http: //www. thaiall. com/php Page: 21
กำหนดตำแหนงของ >body< (Layer) DIV >div style="position: absolute; left: 10 px; top: 15 px<"; >font size=6 face=impact>abc</font< />div< />body< http: //www. thaiall. com/php Page: 22
กำหนดลำดบของ Layer >div style="position: absolute; left: 10 px; top: 15 px; z-index: 3<"; >img src=x 1. jpg></div< >div style="position: absolute; left: 50 px; top: 45 px; z-index: 1<"; >img src=x 1. jpg></div< >div style="position: absolute; left: 90 px; top: 75 px; z-index: 2<"; >img src=x 1. jpg></div< http: //www. thaiall. com/php Page: 23
Form: Radio, Checkbox, >form action="x. php" method=post< >input name=name< Select >input type=radio value=th name=country>thai >input type=radio value=cn name=country>china >input type=checkbox name=f 1<rice <input type=checkbox name=f 2 checked>ice <input type=checkbox name=f 3 checked>coke <select name=sex size=6> <option value=m selected>Male <option value=f>Female </select> <input type=submit> </form< http: //www. thaiall. com/php Page: 24
Form: Textarea, Button >form action="x. php" method=post< >textarea name=msg rows=10 cols=80< a b c />textarea< >input type=button value=close onclick="javascript: window. close()"> <input type=submit> </form< http: //www. thaiall. com/php Page: 25
CSS (Cascading Style >html><head < Sheets( >style type="text/css<" body {font-family: "ms sans serif; " color: blue; background-color: pink{ td {font-size: 20 px; font-family: arial; color: red; background-color: yellow { />style> </head><body< Hello >table><td>abc</td></table< />body< http: //www. thaiall. com/php Page: 26
Redirect to New Web. Page >html><head><title>hello from burin</title < >meta http-equiv=refresh content="0; url=http: //www. x. com<" >meta http-equiv=content-type content="text/html; charset=windows-874<" >meta name=keywords content="new, page <" >meta name=description content="my first page<" />head< >body>please wait</body< />html< http: //www. thaiall. com/php Page: 27
- Slides: 27