HTML Training Course in Persian
•Télécharger en tant que PPTX, PDF•
2 j'aime•5,842 vues
This is a kick-start HTML tutorial. with this you could easily learn HTML in a few days. In PERSIAN.
Recommandé
Contenu connexe
Tendances
Tendances (13)
En vedette
Similaire à HTML Training Course in Persian
Similaire à HTML Training Course in Persian (20)
Dernier
Dernier (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