HTML
HTML
HTML HTML
Markup Language

Text
Notepad , Editplus
>
2
<BODY>
< BODY>

Hyper Text

Editor

HTML

tag

<
HTML
<HTML>
<HEAD>
<TITLE>
< TITLE>
< HEAD>
<BODY>

</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BGCOLOR="yellow">

</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jp
g">
</BODY>
</HTML>

file
file

.html

folder
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<h6>
</h6><br>
<h5>
</h5><br>
<h4>
</h4><br>
<h3...
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<font size=1>
</font><br>
<font size=2>
</font> ...
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<font color=“ff0000”>
</font><br>
<font color=“y...
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<font face=“JS Wansikaas”>
</font><br>
<font fac...
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].j
pg">
<b>
</b><br>
<i>
</i><br>
<u>
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].j
pg">
<p align=center>
</p><br>
<p align=left>
</p><b...
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].j
pg">
<br>
<dd>
<br>
<hr>
</BODY>
<HTML>

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<Marquee>
<Marquee><br>
</BODY>
</HTML>
List)
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jp
g">
<ul>
HTMLbr>
<li>
HTML
<li>
<li>
<li>
List)
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jp
g">
<OL>
HTML<br>
<li>
HTML
<li>
<li>
<li>
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg28
7[1].jpg">
<img
src="002[1].jpg">
<img
file
src="049[1].jpg...
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287
[1].jpg">
<img
src="002[1].jpg"
width=200
height=150>
<img
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287
[1].jpg">
<img
src="002[1].jpg"
width=200 height=150
borde...
HTML
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<table >
<tr><td> </td><td>
</td>
<td>
</td>...
HTML
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<table border=1>
<tr><td> </td><td>
</td>
<t...
HTML
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<table border=1
bordercolor = "red" >
<tr><t...
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<table border=1
bordercolor = "red" width=600
bgc...
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<a href =“index.html">
</a>
</BODY>
</HTML>
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<a href = "#
">
</a>
…
<a name ="
">top</a>
</BOD...
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<a href =
"http://kruradchaneeporn.wordpr
ess.com"...
E-Mail
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<a href =
“r.phusangsi@gmail.com">email</a>...
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<a href = "index.html" <img
src="002[1].jpg" width...
The end
Upcoming SlideShare
Loading in …5
×

การสร้างเว็บด้วยภาษา HTML อย่างง่าย

248 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
248
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

การสร้างเว็บด้วยภาษา HTML อย่างง่าย

  1. 1. HTML
  2. 2. HTML HTML HTML Markup Language Text Notepad , Editplus > 2 <BODY> < BODY> Hyper Text Editor HTML tag <
  3. 3. HTML <HTML> <HEAD> <TITLE> < TITLE> < HEAD> <BODY> </BODY> </HTML>
  4. 4. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BGCOLOR="yellow"> </BODY> </HTML>
  5. 5. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jp g"> </BODY> </HTML> file file .html folder
  6. 6. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <h6> </h6><br> <h5> </h5><br> <h4> </h4><br> <h3> </h3><br> <h2> </h2><br> <h1> </h1><br> </BODY> </HTML>
  7. 7. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <font size=1> </font><br> <font size=2> </font> <br> <font size=3> </font> <br> <font size=4> </font> <br> <font size=5> </font> <br>
  8. 8. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <font color=“ff0000”> </font><br> <font color=“yellow> </font><br> </BODY> </HTML>
  9. 9. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <font face=“JS Wansikaas”> </font><br> <font face=“TH sarabunPSK”> </font><br> </BODY> </HTML>
  10. 10. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].j pg"> <b> </b><br> <i> </i><br> <u>
  11. 11. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].j pg"> <p align=center> </p><br> <p align=left> </p><br> <p align=right>
  12. 12. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].j pg"> <br> <dd> <br> <hr> </BODY>
  13. 13. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <Marquee> <Marquee><br> </BODY> </HTML>
  14. 14. List) <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jp g"> <ul> HTMLbr> <li> HTML <li> <li> <li>
  15. 15. List) <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jp g"> <OL> HTML<br> <li> HTML <li> <li> <li>
  16. 16. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg28 7[1].jpg"> <img src="002[1].jpg"> <img file src="049[1].jpg"> file </BODY> .html folder
  17. 17. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287 [1].jpg"> <img src="002[1].jpg" width=200 height=150> <img
  18. 18. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287 [1].jpg"> <img src="002[1].jpg" width=200 height=150 border=3 > <img
  19. 19. HTML <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <table > <tr><td> </td><td> </td> <td> </td></tr> <tr><td>
  20. 20. HTML <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <table border=1> <tr><td> </td><td> </td> <td> </td></tr> <tr><td>
  21. 21. HTML <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <table border=1 bordercolor = "red" > <tr><td> </td><td> </td> <td> </td></tr> <tr><td>
  22. 22. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <table border=1 bordercolor = "red" width=600 bgcolor= “blue" > <tr><td width=400> </td><td width=350> </td> <td width=250>
  23. 23. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <a href =“index.html"> </a> </BODY> </HTML>
  24. 24. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <a href = "# "> </a> … <a name =" ">top</a> </BODY>
  25. 25. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <a href = "http://kruradchaneeporn.wordpr ess.com"> </a> </BODY> </HTML>
  26. 26. E-Mail <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <a href = “r.phusangsi@gmail.com">email</a> </BODY> </HTML>
  27. 27. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <a href = "index.html" <img src="002[1].jpg" width=200 height=150></a> </BODY> </HTML>
  28. 28. The end

×