SlideShare a Scribd company logo
1 of 28
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>
</h3><br>
<h2>
</h2><br>
<h1>
</h1><br>
</BODY>
</HTML>
<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>
<HTML>

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

<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<font face=“JS Wansikaas”>
</font><br>
<font face=“TH sarabunPSK”>
</font><br>
</BODY>
</HTML>
<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><br>
<p align=right>
<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">
file
</BODY>

.html

folder
<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
border=3 >
<img
HTML
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<table >
<tr><td> </td><td>
</td>
<td>
</td></tr>
<tr><td>
HTML
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg
">
<table border=1>
<tr><td> </td><td>
</td>
<td>
</td></tr>
<tr><td>
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>
<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>
<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>
</BODY>
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<a href =
"http://kruradchaneeporn.wordpr
ess.com">
</a>
</BODY> </HTML>
E-Mail
<HTML>
<HEAD><TITLE>
</TITLE> </HEAD>
<BODY
BACKGROUND="bkg287[1].jpg">
<a href =
“r.phusangsi@gmail.com">email</a>
</BODY> </HTML>
<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>
The end

More Related Content

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

รูปแบบของ Html
รูปแบบของ Htmlรูปแบบของ Html
รูปแบบของ HtmlWilaiwan Nuan
 
京都IT研修講座
京都IT研修講座京都IT研修講座
京都IT研修講座annulus
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月annulus
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月annulus
 
IT研修講座
IT研修講座IT研修講座
IT研修講座annulus
 
it研修講座
it研修講座it研修講座
it研修講座annulus
 
itkensyukouza2008
itkensyukouza2008itkensyukouza2008
itkensyukouza2008annulus
 
kyoto IT
kyoto ITkyoto IT
kyoto ITannulus
 
京都 IT研修講座
京都 IT研修講座京都 IT研修講座
京都 IT研修講座annulus
 
it研修講座 aki
it研修講座 akiit研修講座 aki
it研修講座 akiannulus
 
it研修講座
it研修講座it研修講座
it研修講座annulus
 
CSS勉強会(第1回)
CSS勉強会(第1回)CSS勉強会(第1回)
CSS勉強会(第1回)Bao Linh Le
 
XOOPS and Twitter Bootstrap
XOOPS and Twitter BootstrapXOOPS and Twitter Bootstrap
XOOPS and Twitter BootstrapYoshi Sakai
 
tables in html and there tags ....
tables in html and there tags ....tables in html and there tags ....
tables in html and there tags ....Nimrakhan89
 
Html&cssの書き方入門編
Html&cssの書き方入門編Html&cssの書き方入門編
Html&cssの書き方入門編touhou
 
Oktopartial Introduction
Oktopartial IntroductionOktopartial Introduction
Oktopartial IntroductionTakeshi AKIMA
 

Similar to การสร้างเว็บด้วยภาษา HTML อย่างง่าย (18)

รูปแบบของ Html
รูปแบบของ Htmlรูปแบบของ Html
รูปแบบของ Html
 
tablas html
tablas htmltablas html
tablas html
 
京都IT研修講座
京都IT研修講座京都IT研修講座
京都IT研修講座
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月
 
IT研修講座
IT研修講座IT研修講座
IT研修講座
 
it研修講座
it研修講座it研修講座
it研修講座
 
It01
It01It01
It01
 
itkensyukouza2008
itkensyukouza2008itkensyukouza2008
itkensyukouza2008
 
kyoto IT
kyoto ITkyoto IT
kyoto IT
 
京都 IT研修講座
京都 IT研修講座京都 IT研修講座
京都 IT研修講座
 
it研修講座 aki
it研修講座 akiit研修講座 aki
it研修講座 aki
 
it研修講座
it研修講座it研修講座
it研修講座
 
CSS勉強会(第1回)
CSS勉強会(第1回)CSS勉強会(第1回)
CSS勉強会(第1回)
 
XOOPS and Twitter Bootstrap
XOOPS and Twitter BootstrapXOOPS and Twitter Bootstrap
XOOPS and Twitter Bootstrap
 
tables in html and there tags ....
tables in html and there tags ....tables in html and there tags ....
tables in html and there tags ....
 
Html&cssの書き方入門編
Html&cssの書き方入門編Html&cssの書き方入門編
Html&cssの書き方入門編
 
Oktopartial Introduction
Oktopartial IntroductionOktopartial Introduction
Oktopartial Introduction
 

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