1. HTMLHTML
HyperText Markup Langue
F ˈ Tag F
<tag name attribute=“” > F F ก F
</ ></ >
<tag name attribute=“” /> F
<a href=“http://google.co.th” >google</a>
<img scr=“imge/pic.jpg” />
<br /> <center>HelloWorld</center>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
3. HTMLHTML
<img src=“image/pic.jpg” />
Tag name img F F page
Attribute src Fก F F ก F
FF
ก F ˈ image/pic.jpg F
F Folder F image F pic.jpg
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
4. HTMLHTML
Attribute width height F ก ก F
F
<img src=“image/pic.jpg” width=“100px”
height=“100px” />
ก F ก ก F ก F 100
pixel 100 pixel
Attribute border ก F F ก F ก
F F border=“0” tag img
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
6. HTMLHTML
F ก F Tag F Tag
<center>
<a href="html2.php" >
<img src="image/Winter.jpg"<img src="image/Winter.jpg"
width="100px" height="100px"
border="0" />
</a>
</center>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
7. HTML + PHPHTML + PHP
F PHP F <?php ?>
F ก tag HTML F
<center>
<?php
echo "<a href="http://.google.com">Google</a>"."<br />";echo "<a href="http://.google.com">Google</a>"."<br />";
echo "<a href="http://www.yahoo.com">Yahoo</a>";
?>
</center>
ก F F echo
string ˈ HTML F
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
8. HTML + PHPHTML + PHP
F if loop PHP F
F HTML F F
<?php
$showHTML="show";$showHTML="show";
if($showHTML=="show"){
?>
<center>Show HTML</center>
<?php } ?>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
9. HTML + PHPHTML + PHP
<?php
$showHTML="show";
$n=1;
while($n<=5){while($n<=5){
?>
<center>Show HTML</center>
<?php $n++
} ?>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
10. HTML TableHTML Table
HTML F F F
HTML ก F (Row) F
(Column)
Tag <table></table>Tag <table></table>
Tag <tr></tr>
Tag <td></td>
Tag tr F F tag table tag td F F
F tag tr
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
11. HTML TableHTML Table
<table> ʽ
<tr> ʽ
<td>row1 column 1</td> ʽ F
<td>row1 column 2 </td> ʽ F
</tr></tr>
<tr> ʽ
<td>row2 column 1</td> ʽ F
<td>row2 column 2</td> ʽ F
</tr>
</table>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
12. HTML Table AttributeHTML Table Attribute
Attribute F tag table tr td
width ก F F ˈ px
height F ˈ px
bgcolorbgcolor
align ก ก ก ก ก F กF
center ก left F F right
F
valign ก ก ก ก ก F กF
top F midel ก ก bottom F F
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
14. HTML + PHP + While LoopHTML + PHP + While Loop
<table>
<?php //show 5 rows table
$count=1;
while($count<=5)
{echo "<tr bgcolor="gray">";{echo "<tr bgcolor="gray">";
echo "<td width="100px">row".$count."</td>";
echo "<td width="100px">row".$count."</td>";
echo "</tr>";
$count++;
}?>
</table>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
15. HTML Input Text BoxHTML Input Text Box
Tag name = input
Attribute type = text,password
Attribute value F F Text box
Attribute size ก text box
F F
<input type="text" />
<input type=“password" />
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
16. HTML Input Text BoxHTML Input Text Box
Username:<input type="text"
value="Plase enter your username"
size="25" /><br />size="25" /><br />
Password:<input type="password"
size="25"/>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
17. HTML Text AreaHTML Text Area
Tag name textarea
Attribute rows Fก text area
Attribute cols Fก column text
areaarea
F F
Address<br />
<textarea rows="15" cols="50">
</textarea>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
18. HTML Input Drop DownHTML Input Drop Down
Tag name <select></select>
Tag name <option></option> F F
Drop Down
Attribute selected tag option F กAttribute selected tag option F ก
ก ก ก ˈ ก ก F F ˈ true
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
19. HTML Input Drop DownHTML Input Drop Down
Webapplication Programming Langues
<select>
<option>ASP.net</option>
<option<option
selected="true">PHP</option>
<option>JSP</option>
</select>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
20. HTML Check BoxHTML Check Box
Tag name = input
Type = checkbox
Attribute checked = true( ก F F
ก ก check box )ก ก check box )
Yes <input type="checkbox" />
No <input type="checkbox"
checked="true" />
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
21. Table + Input TagTable + Input Tag
F ก F F F table F ˈ
<table>
<tr>
<td align="right">Username:</td>
<td><input type="text" /></td><td><input type="text" /></td>
</tr>
<tr>
<td align="right">Password:</td>
<td><input type="password" /></td>
</tr>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
22. Table + Input TagTable + Input Tag
<tr>
<td align="right">Position:</td>
<td>
<select>
<option>Web Programmer</option><option>Web Programmer</option>
<option>Network Administrator</option>
</select>
</td>
</tr>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)
23. Table + Input TagTable + Input Tag
<tr>
<td align="right">Skill:</td>
<td>
<input type="checkbox" />.Net <input
type="checkbox" />PHPtype="checkbox" />PHP
<input type="checkbox" />Linux Server <input
type="checkbox" />Windows Server
</td>
</tr>
</table>
projectsoft.biz ก Web
Application F PHP MySQL Ajax(jquery)