SlideShare a Scribd company logo
1 of 28
HTML
HTML
HTML HTML                   Hyper Text
 Markup Language


                                   HTML
                   Text   Editor
 Notepad , Editplus                  <
 >                             tag
                 2
         <BODY>
           < BODY>
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">

           file                    folder
 </BODY>    file           .html
</HTML>
<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            folder
src="049[1].jpg">
              file   .html
</BODY>
<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">e-
mail</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 อย่างง่าย

it研修講座
it研修講座it研修講座
it研修講座
annulus
 
it研修講座 aki
it研修講座 akiit研修講座 aki
it研修講座 aki
annulus
 
京都IT研修講座
京都IT研修講座京都IT研修講座
京都IT研修講座
annulus
 
京都 IT研修講座
京都 IT研修講座京都 IT研修講座
京都 IT研修講座
annulus
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月
annulus
 
IT研修講座
IT研修講座IT研修講座
IT研修講座
annulus
 

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

tablas en html
tablas en htmltablas en html
tablas en html
 
tablas html
tablas htmltablas html
tablas html
 
html for Kubo Semi 2014
html for Kubo Semi 2014html for Kubo Semi 2014
html for Kubo Semi 2014
 
Tablas MELISSA BARGUEN
Tablas MELISSA BARGUENTablas MELISSA BARGUEN
Tablas MELISSA BARGUEN
 
TABLAS EN HTML
TABLAS EN HTMLTABLAS EN HTML
TABLAS EN HTML
 
Texteditor - Ohotech 並盛 #5
Texteditor - Ohotech 並盛 #5Texteditor - Ohotech 並盛 #5
Texteditor - Ohotech 並盛 #5
 
Tablas html mallerly jaramillo
Tablas html mallerly jaramilloTablas html mallerly jaramillo
Tablas html mallerly jaramillo
 
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/CSSHTML/CSS
HTML/CSS
 
Html:css
Html:cssHtml:css
Html:css
 
XOOPS and Twitter Bootstrap
XOOPS and Twitter BootstrapXOOPS and Twitter Bootstrap
XOOPS and Twitter Bootstrap
 
Html03
Html03Html03
Html03
 
it研修講座
it研修講座it研修講座
it研修講座
 
it研修講座 aki
it研修講座 akiit研修講座 aki
it研修講座 aki
 
京都IT研修講座
京都IT研修講座京都IT研修講座
京都IT研修講座
 
kyoto IT
kyoto ITkyoto IT
kyoto IT
 
京都 IT研修講座
京都 IT研修講座京都 IT研修講座
京都 IT研修講座
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月
 
京都 IT講座 9月
京都 IT講座 9月京都 IT講座 9月
京都 IT講座 9月
 
IT研修講座
IT研修講座IT研修講座
IT研修講座
 

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

  • 2. HTML HTML HTML Hyper Text Markup Language HTML Text Editor Notepad , Editplus < > tag 2 <BODY> < BODY>
  • 3. HTML <HTML> <HEAD> <TITLE> < TITLE> < HEAD> <BODY> </BODY> </HTML>
  • 4. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BGCOLOR="yellow"> </BODY> </HTML>
  • 5. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jp g"> file folder </BODY> file .html </HTML>
  • 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. <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. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <font color=“ff0000”> </font><br> <font color=“yellow> </font><br> </BODY> </HTML>
  • 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. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].j pg"> <b> </b><br> <i> </i><br> <u>
  • 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. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].j pg"> <br> <dd> <br> <hr> </BODY>
  • 13. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <Marquee> <Marquee><br> </BODY> </HTML>
  • 14. List) <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jp g"> <ul> HTMLbr> <li> HTML <li> <li> <li>
  • 15. List) <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jp g"> <OL> HTML<br> <li> HTML <li> <li> <li>
  • 16. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg28 7[1].jpg"> <img src="002[1].jpg"> <img file folder src="049[1].jpg"> file .html </BODY>
  • 17. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287 [1].jpg"> <img src="002[1].jpg" width=200 height=150> <img
  • 18. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287 [1].jpg"> <img src="002[1].jpg" width=200 height=150 border=3 > <img
  • 19. HTML <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <table > <tr><td> - </td><td> </td> <td> </td></tr> <tr><td>
  • 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. 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. <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. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <a href =“index.html"> </a> </BODY> </HTML>
  • 24. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg "> <a href = "# "> </a> … <a name =" ">top</a> </BODY>
  • 25. <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <a href = "http://kruradchaneeporn.wordpr ess.com"> </a> </BODY> </HTML>
  • 26. E-Mail <HTML> <HEAD><TITLE> </TITLE> </HEAD> <BODY BACKGROUND="bkg287[1].jpg"> <a href = “r.phusangsi@gmail.com">e- mail</a> </BODY> </HTML>
  • 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>