HTML Training Course in Persian
•Als PPTX, PDF herunterladen•
2 gefällt mir•5,844 views
This is a kick-start HTML tutorial. with this you could easily learn HTML in a few days. In PERSIAN.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (13)
Andere mochten auch
Ähnlich wie HTML Training Course in Persian
Ähnlich wie HTML Training Course in Persian (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
HTML Training Course in Persian
- 1. HTML -
- 2. • Web 2 – HTTP – – HTTPS – FTP – – HTML •
- 4. World Wide Web • Web Browser • HyperText Markup Language HTML • • Hyperlink • World Wide Web Consortium (W3C) • Internet Engineering Task Force (IETF) •
- 5. Web 2 • • • • • •
- 6. HTTP HyperText Transfer Protocol HTTP • Request-Responce - HTTP • Stateless HTTP • GET POST • HTML • HTML •
- 7. Web Browser • HTTP • HTML • HTML • Internet Explorer • Firefox Google Chrome
- 8. HTTPS HTTP • HTTP Secure HTTP HTTPS • Secure Sockets Layer SSL Transport Layer Security TLS HTTPS • Digital Certificate HTTPS •
- 9. FTP File Transfer Protocol FTP • HTTP FTP FTP • – – FTP • HTTP HTML
- 10. • •
- 11. HTML
- 12. HTML • HTML • Word PDF • Markup Language Tag HTML • XML HTML • • / <tagName>tagdata here, as mush as you want </tagName>
- 13. • – – – • • <tag attribute1=“attributeValue” attribute2=“attributeValue2”> <innerTag> some data <anotherInnerTag /> </innerTag> </tag> •
- 14. XML • <html> HTML HTML XML • HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" HTML 4.01 Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
- 15. XHTML 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> XHTML 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd"> XHTML 1.1 (strict) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- 16. Head HTML • Body <html> <head> <title> Sample Webpage </title> </head> <body> <p> hello there this is a paragraph </p> <p> hello again another paragraph with <b> bold </b> text! </p> </body> </html>
- 17. HTML • .1 ASCII .1 .2 Unicode .3 UTF-8 .2 Enter
- 18. HTML Space whitespace .1 <>& .2 < < .1 > > .2 & .3 HTML .3 Microsoft Frontpage .1 Adobe Dreamweaver .2 ZendStudio for Eclipse .3
- 19. HTML
- 20. HTML • HTML • CSS HTML • Comments <!-- this is a comment! --> HTML •
- 21. <html> HTML • HTML HTML • “ltr” “rtl” Dir – rtl “en” “fa” Lang –
- 22. <html> <html dir='rtl' lang='fa'> <head></head> <body> </body> </html> <html><head></head> <body> Hello, World! </body></html>
- 23. <head> Head Html body head • head
- 24. <title> Title Head •
- 25. <title> <html lang='fa'> <head> <title> </title> </head> <body> </body> </html>
- 26. <p> P Align – Left • Right • Center • Justify • RTL Body
- 27. <br> Br
- 28. <img> Img src – Alt – top, bottom, middle, left , right Align – Width , Height – Tooltip Title – Usemap – Title HTML Body
- 29. <img> <html> <head> <title> title> </head> <body> <p> <br/> <img src='image1.jpg' width='200' align='middle'/></p> <p> </p> <img src='image1.jpg' width='200' height='200' /> </body> </html>
- 30. <a> A URL href – Name – Target – _blank • _parent • _self • • Body
- 31. <a> <html> <body> <p> This is a sample paragraph. Click <a href='http://www.google.com'>Here</a> to visit Google website. <br/> <a href='http://hackersite.com/hack.html' title='Click me to die!'>Yahoo!</a> <br/><br/> <a href='http://somesite.com/somepage.html#anchor'> <img src='img.gif' /> </a> </body> </html>
- 32. <b> B Bold Body small big i css
- 33. <sup>,<sub> Sup, Sub Body small big i css
- 34. <hr> Hr Horizontal Line Body hr br
- 35. <sub>,<sup> <html> <body> Some text with <sup>super</sup> text. <hr/> Some more text with <sub>sub</sub> text. </body> </html>
- 36. <ol>,<ul> OL,UL Unordered List Ordered List Body li li
- 37. <li> LI List Item UL OL
- 38. <html> <body> <ol> <li> li> <li> li> <li> li> </ol> <ul> <li> List 1</li> <li> List 2</li> <li> List 3</li> </ul> </body> </html>
- 39. Span, Div HTML • HTML Span • Div • Div CSS •
- 41. HTML HTML • – – – Table • Body Header • Footer •
- 42. <Table> Table Border – Cellpadding – Cellspacing – Width – Body
- 43. <Tr> Tr Table Row Align – VAlign – Top • Middle • Bottom • Baseline • Table,Tbody,Thead,Tfoot
- 44. <Td> Td Table Data Align – VAlign – Colspan – Rowspan – tr,th
- 45. <html> <body> <table border='1'> <tr> <td>Cell 11</td> <td>Cell 12</td> </tr><tr> <td>Cell 21</td> <td>Cell 22</td> </tr></table> <hr/> <table border='1'> <tr> <td rowspan='2'>Cell 11 <br/>Cell 21</td> <td>Cell 12</td> </tr><tr> <!-- Cell 21 ommited --> <td>Cell 22</td> </tr></table> </body> </html>
- 46. <Tbody> Tbody Table Body Align – VAlign – Table
- 47. <Thead> Thead Table Header Align – VAlign – Table
- 48. <Tfoot> Tfoot Table Footer Align – VAlign – Table
- 49. <Th> Th Table Header Data Align – VAlign – Thead>Tr
- 50. <html> <body> <table border="1"> <thead><tr> <th>Month</th> <th>Pays</th> </tr></thead><tbody><tr> <td>January</td> <td>$100</td> </tr><tr> <td>February</td> <td>$80</td> </tr></tbody><tfoot><tr> <td>Sum</td> <td>$180</td> </tr></tfoot></table> </body> </html>
- 51. Border • CSS • • DOCTYPE • bazitab.com •
- 55. HTML HTTP • HTML Submit HTML • Get • Post Get • URL Get – Post – Get Post • http://hosting.pershe.com/viewticket.php?tid=109338&c=X4jQ3Ukc c , tid Get
- 56. <form> Form HTML • Submit Enter • Get/Post Method – Action – • <form></form> <form action=„getData.php‟ method=„get‟></form> <form action=„http://google.com/‟ method=„get‟></form>
- 57. <input> • type Button – Checkbox – File – Hidden – Password – Radio Radio – Text – Submit – Reset –
- 58. <input> <html><body> <form method='get'> <input type='checkbox'> I am a checkbox! <br/> <input type='file'> <br/> <input type='password' value='sth'> <br/> <input type='radio'> Radio button! <br/> <input type='text' value='Normal!'> <br/> <input type='submit'> | <input type='button'> </form> </body></html>
- 59. <input> input • input Checkbox Radio Checked – Checked=„Checked‟ or else Disabled – password text MaxLength – password text Readonly – Size – Value – Name –
- 60. <input> <html><body> <form method='get' action='http://google.com/search'> <br/> <input text' value='Search String' /> <br/> <input type='submit' value='Search'><br/> </form> </body></html>
- 61. <textarea> <textarea> • readonly • cols rows • • textarea <textarea rows=„5‟ cols=„10‟>Hello There</textarea> textarea <br/> HTML
- 62. <select> Dropdown Combo Select • Select Mutiple • Option Select • Selected Option • Value Value Option •
- 63. <select> <html><body> <select> <option value='Wood'> </option> <option value='Iron'> </option> <option value='Stone'> </option> </select> </body></html>
- 64. <label>,<fieldset> • Label For Label • <label for=„myname‟>Enter your name:</label> <input type=„text‟ name=„myname‟ /> fieldset • Radio <fieldset> <input type=„radio‟><input type=„radio‟> </fieldset><fieldset> <input type=„radio‟><input type=„radiou‟></fieldset>
- 66. HTML • – CSS Class • HTML Id • CSS CSS Style • Title • – RTL LTR Dir • – Tabindex • Tabindex TAB
- 67. HTML • CSS Style – Javascript Script – Head Meta – HTTP Header Content • Header http-equiv • Name • Link – Rel • Href • Type • <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
- 69. HTML .1 SBCE .2 IE Firefox .3 Download.com .4 .5 IMG .6