API tools faq
paste
Guest User

learn html

a guest
Feb 3rd, 2016
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3. <html>
  4.  
  5.  
  6. <head>
  7. <title>Metin2Freakz</title>
  8. <meta charset="UTF-8">
  9. <script>
  10. function allowDrop(ev)
  11. {
  12. ev.preventDefault();
  13. }
  14. function drag(ev)
  15. {
  16. ev.dataTransfer.setData("text",ev.target.id);
  17. }
  18. function drop(ev)
  19. {
  20. ev.preventDefault();
  21. var data=ev.dataTransfer, getData("text");
  22. ev.target.appendChild(document.getElementById(data));
  23. }
  24. </script>
  25. </head>
  26.  
  27.  
  28. <body bgcolor="#99CCFF">
  29.  
  30. <header>
  31. <center><h1>Pagina de test</h1></center>
  32. <header>
  33. <hr/>
  34. <nav>
  35. <p align="center"><b>Mama are mure</b></p>
  36. <article>
  37. <h3>Test article</h3>
  38. <p><b>Contents of the article element</b>
  39. <p>This is another paragraph. <br />U madar is bici<p>
  40. <p><font color="#44CD32">This is regular text</font> <br />
  41. <b>This is a bold text</b> <br />
  42. <big>This is a big text</big> <br /></p>
  43. </article>
  44. <article>
  45. <p><i>This is italic text</i> <br /> <!--Acesta este un test pentru comentariu-->
  46. <em>Em text</em> <br />
  47. <h2>heading 2</h2>
  48. <section>
  49. <small>Small text</small><br />
  50. <aside>
  51. <strong><font color="#3399CC">Strong text</font></strong><br />
  52. This is regular text <br />
  53. <sub>Subscripted text</sub><br />
  54. </aside>
  55. This is regular text <br />
  56. <!--<h5>heading 3</h5> Marime aproape normala-->
  57. <sup>Superscripted text</sup> <br />
  58. </section>
  59. <ins>Inserted text</ins> <br />
  60. <del>Deleted text</del> <br />
  61. <br /></p>
  62. <hr width="140px" align="left"/><p>
  63. </article>
  64.  
  65. <p><b><i>New mission<i><b></p>
  66.  
  67. <h3>Image</hr> <br />
  68. <img src="https://www.freakz.ro/imagini/bannere/g2a_jos_new3.jpg" width="200px" height="50px" border="5px" alt="CSGO" /> <br />
  69. <a href="https://www.freakz.ro/forum/index.php?" target="_blank" ><b><i>Freakz e baza</i></b></a> </br>
  70. <a href="go.png" traget="_blank">Go</a> </br>
  71. <img src="go.png" width="300px" height="350px" /> </br></p>
  72.  
  73. <h3>Ordered list</hr>
  74. <p>
  75. <ol>
  76. <li>Html</li>
  77. <li>Php</li>
  78. <li>CSS</li>
  79. <li>js</li>
  80. <li>Info</li>
  81. <b>C++, lib, python</b>
  82. </ol>
  83. </p>
  84.  
  85. <h3>Unordered list</h3>
  86. <p>
  87. <ul>
  88. <li>Html</li>
  89. <li>Php</li>
  90. <li>CSS</li>
  91. <li>js</li>
  92. <li>Info</li>
  93. <b>C++, lib, python</b>
  94. </ul>
  95. </p>
  96.  
  97. <hr width="1000px"/>
  98. <h3>Table</hr>
  99.  
  100. <p>
  101. <table border="3">
  102. <tr>
  103. <td>Nr criteriu</td>
  104. <td>Nume</td>
  105. <td>Prenume</td>
  106. <td bgcolor="red">Varsta</td>
  107. <td>Media</td>
  108. </tr>
  109. <tr rowspan="7">
  110. <td></td>
  111. <td colspan="2"></td>
  112. <td></td>
  113. <td>10</td>
  114. </td>
  115. <table>
  116. </p>
  117.  
  118. <hr/>
  119. <div align="center">
  120. <font color="#33BB71" size="16">
  121. Video & Audio <br/>
  122. </font>
  123. </div>
  124. <audio controls autoplay>
  125. <source src="deep.mp3" type="audio/mpeg"/>
  126. <source src="deep.ogg" type="audio/ogg"/>
  127. Audio element not supported by your browser
  128. </audio>
  129. <br/>
  130. <video controls loop>
  131. <source src="https://www.youtube.com/watch?v=g0GvXCC6TqU"/>
  132. </video>
  133. <br/>
  134. <OBJECT id='mediaPlayer1' width="180" height="50"
  135. classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
  136. codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
  137. standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
  138. <param name='fileName' value="https://www.youtube.com/watch?v=g0GvXCC6TqU"">
  139. <param name='animationatStart' value='true'>
  140. <param name='transparentatStart' value='true'>
  141. <param name='autoStart' value="false">
  142. <param name='showControls' value="true">
  143. <param name ="ShowAudioControls"value="true">
  144. <param name="ShowStatusBar" value="true">
  145. <param name='loop' value="false">
  146. <EMBED type='application/x-mplayer2'
  147. pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
  148. id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
  149. bgcolor='darkblue' showcontrols="true" showtracker='-1'
  150. showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="420" height="380"
  151. src="https://www.youtube.com/watch?v=g0GvXCC6TqU"" autostart="true" designtimesp='5311' loop="false">
  152. </EMBED>
  153. </OBJECT>
  154. <br />
  155. <a href="https://www.youtube.com/watch?v=g0GvXCC6TqU">Click here for standalone player</a>
  156. </hr>
  157.  
  158.  
  159. <h3>Forms</h3>
  160. <form action="#" method="POST">
  161. <input type="text" name="Nickname" />Nickname<br/>
  162. <input type="password" name="Password" />Password<br/>
  163. <input type="URL" name="Site" />Site</br>
  164. <input type="radio" name="gender" value="male"/> Male<br/>
  165. <input type="radio" name="gender" value="female"/>Female<br/>
  166. <input type="checkbox" name="Favorite games" value="1"/>Action<br/>
  167. <input type="checkbox" name="Favorite games" value="2"/>Adventure<br/>
  168. <input type="checkbox" name="Favourite games" value="3"/>Strategy<br/>
  169. <input type="checkbox" name="Favourite games" value="4"/>Sport<br/>
  170. <input type="submit" value="Submit" /></br>
  171. </form>
  172. <p>Another type of form function</p>
  173.  
  174. <div align="center">
  175. <font color="#37AACC" size="8">
  176. Status <progress min="0" max="100" value="50"></progress>
  177. </font>
  178. </div>
  179.  
  180. <h3>Frames</hr>
  181. <frameset cols="25%,50%,25%">
  182. <frame noresize="noresize" />
  183. <frame src="b.htm" />
  184. <frame src="c.htm" />
  185. </frameset>
  186. <!--<frameset rows="50, 30%, *"></frameset>-->
  187. <div align="center"/>
  188. <p>Test div</p> </div>
  189.  
  190. <h2>Drag and drop</h2>
  191. <div id="box" ondrop="drop(event)" ondragover="allowDrop(event)" style="border:1px solild black; width:200px; height:200px"></div>
  192. <img id="image" src="go.png" draggable="true" ondragstart="drag(event)" width="150" height="150" alt=""/>
  193.  
  194. <nav>
  195. <hr/>
  196. <footer>
  197. <ul>
  198. <li>Contact information</li><li><font color="3218ER">Copyright information</font></li><li>Terms of Service</li>
  199. </ul>
  200. </footer>
  201. </body>
  202. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!