HTMLHTML
HyperText Markup Langue
F ˈ Tag F
<tag name attribute=“” > F F ก F
</ ></ >
<tag name attribute=“” /> F
<a href=“...
HTMLHTML
<a href=“http://google.co.th” >google</a>
Tag name a F F link
Attribute href ก link F ก F ก
F google FF google F
...
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 im...
HTMLHTML
Attribute width height F ก ก F
F
<img src=“image/pic.jpg” width=“100px”
height=“100px” />
ก F ก ก F ก F 100
pixel...
HTMLHTML
<center>HelloWorld</center>
Tag name center F ก F F ก
F F tag F F ก ก F
projectsoft.biz ก Web
Application F PHP M...
HTMLHTML
F ก F Tag F Tag
<center>
<a href="html2.php" >
<img src="image/Winter.jpg"<img src="image/Winter.jpg"
width="100p...
HTML + PHPHTML + PHP
F PHP F <?php ?>
F ก tag HTML F
<center>
<?php
echo "<a href="http://.google.com">Google</a>"."<br />...
HTML + PHPHTML + PHP
F if loop PHP F
F HTML F F
<?php
$showHTML="show";$showHTML="show";
if($showHTML=="show"){
?>
<center...
HTML + PHPHTML + PHP
<?php
$showHTML="show";
$n=1;
while($n<=5){while($n<=5){
?>
<center>Show HTML</center>
<?php $n++
} ?...
HTML TableHTML Table
HTML F F F
HTML ก F (Row) F
(Column)
Tag <table></table>Tag <table></table>
Tag <tr></tr>
Tag <td></t...
HTML TableHTML Table
<table> ʽ
<tr> ʽ
<td>row1 column 1</td> ʽ F
<td>row1 column 2 </td> ʽ F
</tr></tr>
<tr> ʽ
<td>row2 co...
HTML Table AttributeHTML Table Attribute
Attribute F tag table tr td
width ก F F ˈ px
height F ˈ px
bgcolorbgcolor
align ก...
HTML Table AttributeHTML Table Attribute
<table width="900px" height="200px">
<tr bgcolor="yellow">
<td width="750px" heig...
HTML + PHP + While LoopHTML + PHP + While Loop
<table>
<?php //show 5 rows table
$count=1;
while($count<=5)
{echo "<tr bgc...
HTML Input Text BoxHTML Input Text Box
Tag name = input
Attribute type = text,password
Attribute value F F Text box
Attrib...
HTML Input Text BoxHTML Input Text Box
Username:<input type="text"
value="Plase enter your username"
size="25" /><br />siz...
HTML Text AreaHTML Text Area
Tag name textarea
Attribute rows Fก text area
Attribute cols Fก column text
areaarea
F F
Addr...
HTML Input Drop DownHTML Input Drop Down
Tag name <select></select>
Tag name <option></option> F F
Drop Down
Attribute sel...
HTML Input Drop DownHTML Input Drop Down
Webapplication Programming Langues
<select>
<option>ASP.net</option>
<option<opti...
HTML Check BoxHTML Check Box
Tag name = input
Type = checkbox
Attribute checked = true( ก F F
ก ก check box )ก ก check box...
Table + Input TagTable + Input Tag
F ก F F F table F ˈ
<table>
<tr>
<td align="right">Username:</td>
<td><input type="text...
Table + Input TagTable + Input Tag
<tr>
<td align="right">Position:</td>
<td>
<select>
<option>Web Programmer</option><opt...
Table + Input TagTable + Input Tag
<tr>
<td align="right">Skill:</td>
<td>
<input type="checkbox" />.Net <input
type="chec...
Upcoming SlideShare
Loading in...5
×

Session4

816

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
816
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Session4

  1. 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)
  2. 2. HTMLHTML <a href=“http://google.co.th” >google</a> Tag name a F F link Attribute href ก link F ก F ก F google FF google F <br /> Tag name br F F projectsoft.biz ก Web Application F PHP MySQL Ajax(jquery)
  3. 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. 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)
  5. 5. HTMLHTML <center>HelloWorld</center> Tag name center F ก F F ก F F tag F F ก ก F projectsoft.biz ก Web Application F PHP MySQL Ajax(jquery)
  6. 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. 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. 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. 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. 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. 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. 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)
  13. 13. HTML Table AttributeHTML Table Attribute <table width="900px" height="200px"> <tr bgcolor="yellow"> <td width="750px" height="180px" >row1 column 1</td> <td width="150px" height="180px" valign="bottom">row1 column 2 </td> </tr> <tr bgcolor="red" > <td align="center">row2 column 1</td> <td>row2 column 2</td> </tr> </table> projectsoft.biz ก Web Application F PHP MySQL Ajax(jquery)
  14. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×