pborawski

Zajęci z Programowanie w Internecie nr 2 / HTML

Mar 5th, 2012
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.53 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.     <title>bez nazwy</title>
  5.     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  6.     <meta name="generator" content="Geany 0.21" />
  7. </head>
  8.  
  9. <body>
  10. <a name="Tutaj"></a>
  11. <p>Jakieś zdanie</p>  
  12. <h1>Jakieś zdanie</h1> <!-- Wielkosc tekstu od 1 (najwieksza) do 6 ( najmniejsza ) -->
  13. <h3>Jakieś zdanie</h3>
  14. <blockquote>Jakieś zdanie</blockquote>
  15. <ul>
  16.     <li>Jakieś zdanie</li>
  17. </ul> <!-- wyliczenie za pomoca czarnych kropek gdzie <li></li> to kolejne kropki -->
  18. <ol>
  19.     <li>Jakieś zdanie</li>
  20. </ol> <!-- wyliczenie za pomoca cyfr arabskich gdzie <li></li> to kolejne cyfry -->
  21. <!-- lista definicji <dl></dl>  <dt>tutaj definition title</dt> <dd> tutaj tekst definicji</dd> -->
  22. <dl>Programowanie
  23.     <dt>Programowanie w html</dt>
  24.       <dd>Ciekawe co tutaj bedzie</dd>
  25.     <dt>Programowanie w php</dt>
  26.       <dd>Tutaj rowniez bedzie ciekawe</dd>
  27. </dl>
  28. <!-- zamiast <b></b> uzywa sie dzis <strong></strong> a zamiast <i></i> ( pochylenie ) uzywa sie <em></em> -->
  29. <p><strong><em>Jakies tekst</em></strong></p>
  30. <!-- <big> duzy tekst </big> i <small>maly tekst</small> -->
  31. <!-- <sup>indeks gorny</sup> oraz <sup>indeks dolny</sub> -->
  32. <p><big>Duzy tekst</big></p>
  33. <p><small>Maly tekst</small></p>
  34. <p>H<sub>2</sub>0 - indeks dolny</p>
  35. <p>1<sup>st</sup> - indeks gorny</p>
  36. <img src="rysunek.jpg" alt="opis"> <!-- tak wstawic obraz -->
  37. <abbr title="Trolololo Song">TroloLOLOLOLO</abbr> <!-- Tworzy skrót -->
  38. <!-- znak copyright za pomoca tekstu, dzisietnego zapisu i szestnastkowy zapis -->
  39. <p>&copy;&#169;&#xA9;</p>
  40. <!-- &tt(<) &amp;(&) &#151;(znak pauzy(---)) &nbsp(spacja! nielamliwa - przegladarka nie zawija to slowa sa zlaczone) -->
  41. <p>&tt;&amp;&#151;&nbsp;</p>
  42. <br/> <!-- przejscie bez akapitu -->
  43. <hr /> <!-- nowa linia z linia horyzontalna -->
  44. <a href="www.wp.pl" title="lol">Hohohoh</a> <!-- link do strony ze skrótem -->
  45. <!-- przeskoki po stronie | Najpierw nalezy zdeklarowac gdzie bedziemy skakac -->
  46. <a name="Tutaj1"></a>
  47. <p><a href="#Tutaj">Poczatek Strony</a></p>
  48. <table border="2" cellspacing="20px">
  49.     <tr>
  50.         <td>cos</td><td>cos</td>
  51.     </tr>
  52.     <tr>
  53.         <td>sin</td><td>sin</td>
  54.     </tr>
  55. </table>
  56. <!-- tabelka gdzie tr to wiersz, a td to dane -->
  57. <table border="1">
  58.     <tr>
  59.         <td>1</td><td>2</td><td>3</td>
  60.     </tr>
  61.     <tr>
  62.         <td colspan="2">&nbsp;</td><td>a</td>
  63.     </tr>
  64.     <tr>
  65.         <td rowspan="2">&nbsp;</td>
  66.     </tr>
  67. </table>
  68. <!-- tabelka gdzie calspan laczy dwie kolumny w poziomie a rowspan łączy dwie kolumny w pionie -->
  69. </body>
  70.  
  71. </html>
  72. <!-- Zdanie to zrobic stronke w htmlu, uklad strony na tabeli -->
Advertisement
Add Comment
Please, Sign In to add comment