përmbajtja - weeblyjusufqarkaxhija.weebly.com/uploads/1/0/2/5/10255830/html.pdf · gjuha html...

Gjuha HTML

Përmbajtja ................................................................................................................................................................................ 1

Përmbajtja .............................................................................................................................................................. 2

Krijimi i hidingjeve ................................................................................................................................................... 6

Krijimi i paragrafëve ................................................................................................................................................ 6

Ndarja e paragrafëve në rreshta ............................................................................................................................. 6

Bold,italik, subscript dhe superscript ...................................................................................................................... 7

Fontet ..................................................................................................................................................................... 7

Linqet ...................................................................................................................................................................... 7

Insertimi i imazheve ................................................................................................................................................ 8

Insertimi i imazheve me kufizime ........................................................................................................................... 8

Insertimi i emrit te imazhit(vetem kur të ja afrojim kursorin) ................................................................................. 8

Kufizimi i imazhit ..................................................................................................................................................... 8

Rreshtimii i imazheve .............................................................................................................................................. 8

Krijimi i hiperlinqeve në imazhe .............................................................................................................................. 9

Insertimi i listave me shenja ................................................................................................................................... 9

Insertimi i listave me numrave .............................................................................................................................. 10

Tipe te ndryshme te listave numerike ................................................................................................................... 10

Tipe te ndryshme te listave shenjezuese .............................................................................................................. 12

Listat e përziera ..................................................................................................................................................... 13

Insertimi i tabelave pa kufijë ................................................................................................................................. 14

Insertimi i tabelave ............................................................................................................................................... 15

Tabelat me kufijë të ndryshëm ............................................................................................................................. 17

Tabelat me hidingje .............................................................................................................................................. 18

Tabelat me kapitull ............................................................................................................................................... 19

Tabelat me qelija te ndara ne dy kolona dhe dy rreshte ....................................................................................... 20

Insertimi i tabelave brenda qelive te tabelave .................................................................................................... 22

Jusuf Qarkaxhija+Klasa 123 Q.A.K.P. “Gjon Nikollë Kazazi”

2

Gjuha HTMLHapësira e qelive të tabelave ................................................................................................................................ 23

Hapësira mes qelive te tabeles ............................................................................................................................. 24

Vendosja e kufijve ne pozita te ndryshme te tabelave ......................................................................................... 25

Insertimi i videove ................................................................................................................................................. 29

Insertimi i Audios si prapavi(background) ............................................................................................................. 30

Teksti mes dy imazheve ........................................................................................................................................ 30

Fjalë para, në mes dhe pas imazheve ................................................................................................................... 30

Tabelat me lista numerike dhe shenja nëpër qelia ............................................................................................... 30

Prapavia e faqes .................................................................................................................................................... 31

Ndarja në Korniza e faqes ..................................................................................................................................... 31

Ndarja në kolona: .............................................................................................................................................. 31

Ndarja në rreshta: ............................................................................................................................................. 31

Ndarja në një rresht dhe dy kolona ....................................................................................................................... 32

Kornizat me linqe .................................................................................................................................................. 32

Tabela me një qeli me prapavi ............................................................................................................................. 33

Hijezimi i prapavijë, i hidingjeve dhe paragrafëve ................................................................................................. 33

Rreshtimi i tekstit .................................................................................................................................................. 33

Kornizat e Internetit .............................................................................................................................................. 34

Kornizat e Internetit pa kufizime ........................................................................................................................... 34

Lidhja e kornizes me Link ..................................................................................................................................... 34

Kalimi prej fundit te faqes ne fillim te faqes ......................................................................................................... 34

Fillimi i listave numerike prej numrave te ndryshem ............................................................................................ 35

Lista numerike me numra te ndryshem ................................................................................................................ 35

Shembulli1 nga Tabelat ......................................................................................................................................... 35

Shembulli 2 nga Tabelat ........................................................................................................................................ 36




3

Gjuha HTMLVendosja e fotos si prapavi dhe insertimi i vijave horizontale .............................................................................. 41

Kalimi prej fillimit te faqes ne fund te faqes ......................................................................................................... 42

Disa korniza ........................................................................................................................................................... 42

Krijimi i radio butonave ......................................................................................................................................... 43

Krijimi i chek box ................................................................................................................................................. 43

Krijimi i menyve rënëse ......................................................................................................................................... 43

Krijimi i menyve rënëse me vlerë të paraselektuar ............................................................................................... 44

Krijimi i Textarea ................................................................................................................................................... 44

Krijimi i butonave .................................................................................................................................................. 45

Vendosja e kufijve përrreth elementeve në FORMË ............................................................................................. 45

Krijimi i formave me fusha tekstuale dhe buton ................................................................................................... 45

Forma me chek box ............................................................................................................................................... 46

Forma me radio butona ........................................................................................................................................ 46

Dergimi i e-mailave nga Forma ............................................................................................................................. 46

Fusha me password .............................................................................................................................................. 47

Krijimi i lajoteve permes tabelave ......................................................................................................................... 47

Krijimi i lajoteve permes elementit Div ................................................................................................................ 48

SHEMBULL: ........................................................................................................................................................... 49

Vendosja e vijes ne fjalë ........................................................................................................................................ 51

Nënvizimi i fjalës ................................................................................................................................................... 51

Dërgimi i emailave ................................................................................................................................................ 51

Heqja e nënvizës nga Linqet .................................................................................................................................. 51

HTML5 ................................................................................................................................................................... 51

Insertimi i Muzikës ............................................................................................................................................ 51

Numrimi i vizitave te web faqes (mbylle dhe hape përsëri ose refresh) .......................................................... 51

Mbushja e katërkëndshave ............................................................................................................................... 52

Vizatimi i rrathëve ............................................................................................................................................. 53


4

Gjuha HTMLShkruarja djathtas-majtas (bdo-bidirectional override) .................................................................................... 53

Shembulli1 CSS ...................................................................................................................................................... 54

Shembulli2 CSS ...................................................................................................................................................... 55

Shembulli3 CSS ...................................................................................................................................................... 56

Shembulli4 CSS ...................................................................................................................................................... 57

Shembulli5 CSS ...................................................................................................................................................... 58

Detyra praktike1-GMAIL ...................................................................................................................................... 59

Detyra praktike2-FACEBOOK ................................................................................................................................ 62

Detyra praktike3-GOOGLE ................................................................................................................................... 66

DETYRA Praktike 4-MSN (HTML+CSS+JavaScript) ................................................................................................. 68


5

Gjuha HTML

Përmes gjuhës HTML mund të krijohen web faqe përmes programit Notepad ose Notepad++. Fajllat që krijohen ruhen me prapashtesën .html ose .htm.

Krijimi i hidingjeve<html><body>

<h1>This is heading 1</h1>






</body></html>

Krijimi i paragrafëve<html><body>

<p>This is a paragraph.</p>



</body></html>

Ndarja e paragrafëve në rreshta<html><body>

<p>This is<br />a para<br />graph with line breaks</p>

</body></html>


6

Gjuha HTML

Bold,italik, subscript dhe superscript<html><body>

<p><b>This text is bold</b></p>

<p><i>This text is italic</i></p>

<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

</body></html>

Fontet<html><body>

<p><font size="5" face="arial" color="red">This paragraph is in Arial, size 5, and in red text color.</font></p>

<p><font size="3" face="verdana" color="blue">This paragraph is in Verdana, size 3, and in blue text color.</font></p>

</body></html>

Linqet<html><body>

<a href="http://www.yahoo.com" >Vizitoni Yahoo</a>

<p>Nese klikoni ne linkun e mesiperm do te hapet web faqja e Yahoo</p>

</body></html>


7

Gjuha HTML

Insertimi i imazheve<html><body><img src="birra.png"/>

<body><html>

Insertimi i imazheve me kufizime<html><body><img border="2" src="birra.png"/>

</body></html>

Insertimi i emrit te imazhit(vetem kur të ja afrojim kursorin)<html><body><img border="2" src="birra.png" alt=”emri”/>

<body><html>

Kufizimi i imazhit<html><body><img border="2" src="birra.png" alt=”emri” width=”300” heigh=”300”/>

<body><html>

Rreshtimii i imazheve-Poshtë

<html><body>

<p>Një imazh

<img src="smiley.gif" alt="Smiley face" align="bottom" width="32" height="32" />

me rreshtim="bottom".</p>

-Në mes


8

Gjuha HTML<p>Një imazh

<img src="smiley.gif" alt="Smiley face" align="middle" width="32" height="32" />

me rreshtim="middle".</p>

-Para tekstit

<p><img src="smiley.gif" alt="Smiley face" width="32" height="32" />

An image before the text.</p>

<p>An image after the text.

<img src="Sunset.jpg" alt="wwww" width="32" height="32" /></p>

</body></html>

Krijimi i hiperlinqeve në imazhe<html>

<body>

<p>Krijo një link nga imazhi:

<a href="http://www.yahoo.com">

<img src="Sunset.jpg" alt="Faqja e parë" width="32" height="32" />

</a></p>

Insertimi i listave me shenja<html><body>

<h4>An Unordered List:</h4><ul> (unordered list-nuk shkruhet) <li>Coffee</li>

<li>Tea</li>

<li>Milk</li></ul>

</body></html>


9

Gjuha HTML

Insertimi i listave me numrave<html><body>

<h4>An Ordered List:</h4>

<ol> (ordrered list-nuk shkruhet)

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

</body></html>

<dl> (definicion list)< dt>Coffee</dt> (description tag)< dd>- black hot drink</dd>< dt>Milk</dt>< dd>- white cold drink</dd>< /dl>

Tipe te ndryshme te listave numerike<html><body>

<h4>Numbered list:</h4>

<ol>

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ol>

<h4>Letters list:</h4>

<ol type="A">


10

Gjuha HTML <li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ol>

<h4>Lowercase letters list:</h4>

<ol type="a">

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ol>

<h4>Roman numbers list:</h4>

<ol type="I">

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ol>

<h4>Lowercase Roman numbers list:</h4>

<ol type="i">

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ol>


11

Gjuha HTML</body></html>

Tipe te ndryshme te listave shenjezuese<html><body>

<h4>Disc bullets list:</h4>

<ul type="disc">

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ul>

<h4>Circle bullets list:</h4>

<ul type="circle">

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>

</ul>

<h4>Square bullets list:</h4>

<ul type="square">

<li>Apples</li>

<li>Bananas</li>

<li>Lemons</li>

<li>Oranges</li>


12

Gjuha HTML</ul>

</body>

</html>

Listat e përziera<html><body>

<h4>A nested List:</h4>

<ul>

<li>Coffee</li>

<li>Tea

<ul>

<li>Black tea</li>

<li>Green tea</li>

</ul>

</li>

<li>Milk</li>

</ul>

</body></html>

<html><body>

<h4>A nested List:</h4>

<ul>

<li>Coffee</li>

<li>Tea

<ul>


13

Gjuha HTML <li>Black tea</li>

<li>Green tea

<ul>

<li>China</li>

<li>Africa</li>

</ul>

</li>

</ul>

</li>

<li>Milk</li>

</ul>

</body></html>

Insertimi i tabelave pa kufijë<html><body>

<h4>This table has no borders:</h4>

<table>

<tr>

<td>100</td>

<td>200</td>

<td>300</td>

</tr>

<tr>

<td>400</td>

<td>500</td>


14

Gjuha HTML <td>600</td>

</tr>

</table>

<h4>And this table has no borders:</h4>

<table border="0">

<tr>

<td>100</td>

<td>200</td>

<td>300</td>

</tr>

<tr>

<td>400</td>

<td>500</td>

<td>600</td>

</tr></table>

</body>

</html>

Insertimi i tabelave<html><body>

<p>Each table starts with a table tag.

Each table row starts with a tr tag.

Each table data starts with a td tag.

</p>

<h4>One column:</h4>


15

Gjuha HTML<table border="1">

<tr>

<td>100</td>

</tr>

</table>

<h4>One row and three columns:</h4>

<table border="1">

<tr>

<td>100</td>

<td>200</td>

<td>300</td>

</tr>

</table>

<h4>Two rows and three columns:</h4>

<table border="1">

<tr>

<td>100</td>

<td>200</td>

<td>300</td>

</tr>

<tr>

<td>400</td>

<td>500</td>

<td>600</td>

</tr>


16

Gjuha HTML</table>

</body></html>

Tabelat me kufijë të ndryshëm<html><body>

<h4>With a normal border:</h4>

<table border="1">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With a thick border:</h4>

<table border="8">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>


17

Gjuha HTML <td>Row</td>

</tr>

</table>

<h4>With a very thick border:</h4>

<table border="15">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

</body>

</html>

Tabelat me hidingje<html>

<body>

<h4>Table headers:</h4>

<table border="1">

<tr>

<th>Name</th>

<th>Telephone</th>

<th>Telephone</th>


18

Gjuha HTML</tr>

<tr>

<td>Bill Gates</td>

<td>555 77 854</td>

<td>555 77 855</td>

</tr>

</table>

<h4>Vertical headers:</h4>

<table border="1">

<tr>

<th>First Name:</th>

<td>Bill Gates</td>

</tr>

<tr>

<th>Telephone:</th>

<td>555 77 854</td>

</tr>

<tr>

<th>Telephone:</th>

<td>555 77 855</td>

</tr>

</table>

</body>

</html>

Tabelat me kapitull<html>


19

Gjuha HTML<body>

<table border="1">

<caption>Monthly savings</caption>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>$100</td>

</tr>

<tr>

<td>February</td>

<td>$50</td>

</tr>

</table>

</body>

</html>

Tabelat me qelija te ndara ne dy kolona dhe dy rreshte<html><body>

<h4>Cell that spans two columns:</h4>

<table border="1">

<tr>

<th>Name</th>

<th colspan="2">Telephone</th>


20

Gjuha HTML</tr>

<tr>

<td>Bill Gates</td>

<td>555 77 854</td>

<td>555 77 855</td>

</tr>

</table>

<h4>Cell that spans two rows:</h4>

<table border="1">

<tr>

<th>First Name:</th>

<td>Bill Gates</td>

</tr>

<tr>

<th rowspan="2">Telephone:</th>

<td>555 77 854</td>

</tr>

<tr>

<td>555 77 855</td>

</tr>

</table>

</body>

</html>


21

Gjuha HTML

Insertimi i tabelave brenda qelive te tabelave<html><body>

<table border="1">

<tr>

<td>

<p>This is a paragraph</p>

<p>This is another paragraph</p>

</td>

<td>This cell contains a table:

<table border="1">

<tr>

<td>A</td>

<td>B</td>

</tr>

<tr>

<td>C</td>

<td>D</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>This cell contains a list

<ul>

<li>apples</li>

<li>bananas</li>

<li>pineapples</li>Jusuf Qarkaxhija+Klasa 123 Q.A.K.P. “Gjon Nikollë Kazazi”

22

Gjuha HTML </ul>

</td>

<td>HELLO</td>

</tr>

</table>

</body>

</html>

Hapësira e qelive të tabelave<html><body>

<h4>Without cellpadding:</h4>

<table border="1">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With cellpadding:</h4>

<table border="1" cellpadding="10">

<tr>

<td>First</td>

<td>Row</td>


23

Gjuha HTML</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

</body>

</html>

Hapësira mes qelive te tabeles<html>

<body>

<h4>Without cellspacing:</h4>

<table border="1">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With cellspacing:</h4>

<table border="1" cellspacing="10">

<tr>

<td>First</td>

<td>Row</td>


24

Gjuha HTML</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

</body>

</html>

Vendosja e kufijve ne pozita te ndryshme te tabelave<html><body>

<p>

<b>Note:</b>

If you see no frames/borders around the tables below, your browser does not support

the "frame" attribute.

</p>

<h4>With frame="border":</h4>

<table frame="border">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>


25

Gjuha HTML</table>

<h4>With frame="box":</h4>

<table frame="box">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With frame="void":</h4>

<table frame="void">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With frame="above":</h4>

<table frame="above">


26

Gjuha HTML<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With frame="below":</h4>

<table frame="below">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With frame="hsides":</h4>

<table frame="hsides">

<tr>

<td>First</td>

<td>Row</td>


27

Gjuha HTML</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With frame="vsides":</h4>

<table frame="vsides">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

<h4>With frame="lhs":</h4>

<table frame="lhs">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>


28

Gjuha HTML <td>Row</td>

</tr>

</table>

<h4>With frame="rhs":</h4>

<table frame="rhs">

<tr>

<td>First</td>

<td>Row</td>

</tr>

<tr>

<td>Second</td>

<td>Row</td>

</tr>

</table>

</body>

</html>

Insertimi i videove<html><body>

<embed src="wildlife.wmv" width="150" height="150" autoplay="false">

<body><html>

Nese deshirojme te insertojme video nga youtube, atehere e hapim videon ne youtube klikojme ne butonin “Share” dhe prej aty klikojme ne butonin “embed” ku e kopjojme linkun ne embed e vendosim ne Notebook dhe e ekzekutojme.


29

Gjuha HTML

Insertimi i Audios si prapavi(background)<embed src="Emri i audio fajllit.mp3" autoplay="true" loop=”true” width="0" height="0">

Teksti mes dy imazheve<p>

<img src="Desert.jpg" align="middle" width="300" height="300"> dy foto<img src="Tulips.jpg" align="middle" width="300" height="300">

</p>

Fjalë para, në mes dhe pas imazheve<p>para fotos

<img src="Desert.jpg" align="middle" width="300" height="300"> dy foto<img src="Tulips.jpg" align="middle" width="300" height="300">

pas fotos</P>

Tabelat me lista numerike dhe shenja nëpër qelia<table border="3"><tr><td>100</td><td>200</td></tr>

<tr><td><ul><li>kafe</li><li>qaj</li><li>qumesht</li></ul></td>

<td><ol><li>kafe</li><li>qaj</li><li>qumesht</li>


30

Gjuha HTML</ol></td></tr></table>

Prapavia e faqes<html>

<body bgcolor="Red"><font color="blue">Ky tekst ka ngjyrë të kaltër</font>

</body></html>

Ndarja në Korniza e faqesKrijojmë tri faqe dhe i ruajmë në desktop sikurse shembulli i mësipërm (Prapavia e faqes) me prapavi të ndryshme dhe tekst të ndryshëm dhe i ruajmë me emrat: 1.html; 2.html; dhe 3.html. Pastaj hapim notebook dhe veprojmë si vijon:

Ndarja në kolona:<html>

<frameset cols="25%,50%,25%">

<frame src="1.html" />



</frameset>

</html>

Ndarja në rreshta:<html>

<frameset rows="25%,50%,25%">




31

Gjuha HTML <frame src="3.html" />

</frameset>

</html>

Ndarja në një rresht dhe dy kolona<html>

<frameset rows="50%,50%">


<frameset cols="25%,75%">



</frameset>

</frameset>

</html>

Kornizat me linqeKrijojmë html faqen Përmbajtja në këtë mënyrë:

<html>

<a href ="1.html" target ="trego">Korniza 1</a><br>

<a href ="2.html" target ="trego">Korniza 2</a><br>

<a href ="3.html" target ="trego">Korniza 3</a>

<html>

Pastaj krijojmë faqen Korniza me linqe si vijon:

<html>

<frameset cols="120,*">

<frame src="Përmbajtja.html" />

<frame src="1.html" name="trego" />

</frameset>


32

Gjuha HTML</html>

Tabela me një qeli me prapavi <html><body>

<h4>With a normal border:</h4> <table border="1"><tr><td bgcolor="Red"><font color="white">First</font></td> <td>Row</td></tr> <tr><td>Second</td><td>Row</td></tr></table>

<body><html>

Hijezimi i prapavijë, i hidingjeve dhe paragrafëve<html>

<body style="background-color:yellow;">

<h2 style="background-color:red;">This is a heading</h2>

<p style="background-color:green;">This is a paragraph.</p>

</body>

</html>

Rreshtimi i tekstit<html><body>

<h1 style="text-align:center;">Titulli i vendosur në mes</h1>

<p style="text-align:right;">Ky eshte paragraf.</p>

</body></html>


33

Gjuha HTML

Kornizat e Internetit<html><body>

<iframe src="http://www.yahoo.com" width="200" height="200"></iframe>

<p>Some older browsers don't support iframes.</p>

<p>If they don't, the iframe will not be visible.</p>

</body></html>

Kornizat e Internetit pa kufizime<html><body>

<iframe src="http://www.yahoo.com" frameborder=”0”></iframe>

<p>Some older browsers don't support iframes.</p>

<p>If they don't, the iframe will not be visible.</p>

</body></html>

Lidhja e kornizes me Link <html><body>

<iframe src="1.html" name="iframe"></iframe>

<p><a href="http://www.yahoo.com" target="iframe">Linku në kornizë</a></p>

</body></html>

Kalimi prej fundit te faqes ne fillim te faqes<a href="#top">Kalo në fillim të faqes</a>


34

Gjuha HTML

Fillimi i listave numerike prej numrave te ndryshem<ol type=”1” Start=”5”>

<ol type=”A” Start=”4”>

Lista numerike me numra te ndryshem<ol><li>This is List Item 1</li><li>This is List Item 2</li><li>This is List Item 3</li><li VALUE="7">This is List Item 7</li><li>This is List Item 8</li></ol>

Shembulli1 nga Tabelat<table border="2" width="50%" cellpadding="5">

<tr>

<th align="center" colspan="3">Metals and their reasonablecutting speeds</th>

</tr>

<tr>

<th width="30%">Material</th>

<th colspan="2">Starting Speed<br>in Feet per Minute</th>

</tr>

<tr>

<th>&nbsp</th>

<th>High-Speed<br>Steel</th>

<th>Carbide</th>

</tr>

<tr>

<td>Stainless Steel</td>

<td align="center">50</td>


35

Gjuha HTML<td>150</td>

</tr>

<tr>

<td>Cast Iron</td>

<td>74</td>

<td>225</td>

</tr>

<tr>

<td>Brass</td>

<td>300</td>

<td>800</td>

</tr>

<tr>

<td>Copper</td>

<td>300</td>

<td align="right">1000</td>

</tr>

</table>

Shembulli 2 nga Tabelat<table border="2" width="50%" cellpadding="5">

<tr>

<th align="center" colspan="3">Metals and their reasonablecutting speeds</th>

</tr>

<tr>

<th rowspan="2" width="30%">Material</th>

<th colspan="2">Starting Speed<br>in Feet per Minute</th>

</tr>


36

Gjuha HTML<tr>

<th>High-Speed<br>Steel</th>

<th>Carbide</th>

</tr>

<tr>



<td>150</td>

</tr>

<tr>

<td>Cast Iron</td>

<td>74</td>

<td>225</td>

</tr>

<tr>

<td>Brass</td>

<td>300</td>

<td>800</td>

</tr>

<tr>

<td>Copper</td>

<td>300</td>

<td align="right">1000</td>

</tr>

</table>

Shembulli 3 nga Tabelat<table border="2" cellpadding="5">


37

Gjuha HTML<tr>

<th colspan="6">DRILL SPEEDS</th>

</tr><tr>

<th rowspan="2">&nbsp</th>

<th rowspan="2">MATERIALS</th>

<th ROWSPAN="2">DIAMETER<BR>IN INCHES</th>

<TH colspan="2">CUTTING SPEED</TH>

<th rowspan="2">RPM</th>

</tr><tr>

<th>Feet</th>

<th>Metres</th>

</tr><tr>

<td>1.</td>

<td>Brass</td>

<td align="center">2.5</td>


<td>&nbsp</td>

<td align="left">560</td>

</tr>

<tr>

<td>2.</td>

<td>Cast iron</td>


<td>&nbsp</td>



38

Gjuha HTML<td align="center">201</td>

</tr>

<tr>

<td>3.</td>

<td>Copper</td>



<td>&nbsp</td>


</tr>

<tr>

<td>4.</td>



<td>&nbsp</td>



</tr>

</table>

Shembulli 4 nga Tabelat<table border="2" cellpadding="5">

<tr>

<th colspan="7">July</th>

</tr>

<tr>

<th>Sun</th>

<th>Mon</th>


39

Gjuha HTML<th>Tue</th>

<th>Wed</th>

<th>Thu</th>

<th>Fri</th>

<th>Sat</th>

</tr>

<tr ALIGN="left">

<td COLSPAN="2">&nbsp</td>

<TD>1</td>

<TD>2</td>

<TD>3</td>

<TD>4</td>

<TD>5</td>

</tr>

<TR ALIGN="CENTER">

<TD>6</td>

<TD>7</td>

<TD>8</td>

<TD>9</td>

<TD>10</td>

<TD>11</td>

<TD>12</td>

</tr>

<TR ALIGN="CENTER">

<TD>13</td>

<TD>14</td>

<TD>15</td>


40

Gjuha HTML<TD>16</td>

<TD>17</td>

<TD>18</td>

<TD>19</td>

</tr>

<TR ALIGN="CENTER">

<TD>20</td>

<TD>21</td>

<TD>22</td>

<TD>23</td>

<TD>24</td>

<TD>25</td>

<TD>26</td>

</tr>

<TR ALIGN="CENTER">

<TD>27</td>

<TD>28</td>

<TD>29</td>

<TD>30</td>

<TD>31</td>

<TD COLSPAN="2">&nbsp</td>

</tr></TABLE>

Vendosja e fotos si prapavi dhe insertimi i vijave horizontale<body background="Desert.jpg" width="100%">

<hr color="black" width="30%">

<table border="2" align="center" cellpadding="35">


41

Gjuha HTML<tr>

<td>A

<td>A

</tr>

<tr>

<td>A

<td>A

</tr>

</table>

<hr color="black" width="30%">

<body>

Kalimi prej fillimit te faqes ne fund te faqesShkruajmë në fund të faqes:

<a name=”bottom”></a>

Atëherë në fillim të faqes shkruajmë:

<a href="#bottom">Kalo në fund të faqes</a>

Disa korniza<HTML><HEAD><TITLE>Korniza-Web faqe</TITLE></HEAD>

<FRAMESET COLS="50%,50%">

<FRAMESET ROWS="75%,25%">

<FRAME SRC="1.html">


</FRAMESET>

<FRAMESET ROWS="33%,33%,33%">





42

Gjuha HTML</FRAMESET>

</FRAMESET>

</HTML>

Krijimi i radio butonave<html>

<body>

<form action="">

<input type="radio" name="sex" value="male" /> Male<br />

<input type="radio" name="sex" value="female" /> Female

</form>

<p><b>Note:</b> When a user clicks on a radio-button, it becomes checked, and all other radio-buttons with equal name become unchecked.</p>

</body>

</html>

Krijimi i chek box<html>

<body>

<form action="">

<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />

<input type="checkbox" name="vehicle" value="Car" /> I have a car

</form>

</body>

</html>

Krijimi i menyve rënëse<html>

<body>

<form action="">


43

Gjuha HTML<select name="cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="fiat">Fiat</option>

<option value="audi">Audi</option>

</select>

</form>

</body>

</html>

Krijimi i menyve rënëse me vlerë të paraselektuar<html>

<body>

<form action="">

<select name="cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="fiat" selected="selected">Fiat</option>

<option value="audi">Audi</option>

</select>

</form>

</body>

</html>

Krijimi i Textarea<textarea rows=”10” cols=”30”>Ne po mësojmë HTML.</textarea>


44

Gjuha HTML

Krijimi i butonave

<html><body>

<form action=""><input type="button" value="Hello world!"></form> </body></html>

Vendosja e kufijve përrreth elementeve në FORMË

<html><body>

<form action=""><fieldset><legend>Personal information:</legend>Name: <input type="text" size="30" /><br />E-mail: <input type="text" size="30" /><br />Date of birth: <input type="text" size="10" /></fieldset></form>

</body></html>

Krijimi i formave me fusha tekstuale dhe buton

<html><body>

<form name="input" action="html_form_action.asp" method="get">First name: <input type="text" name="FirstName" value="Mickey" /><br />Last name: <input type="text" name="LastName" value="Mouse" /><br /><input type="submit" value="Submit" /></form>

<p>If you click the "Submit" button, the form-data will be sent to a page called "html_form_action.asp".</p>


45

Gjuha HTML</body></html>

Forma me chek box

<html><body>

<form name="input" action="html_form_action.asp" method="get"><input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /><input type="checkbox" name="vehicle" value="Car" /> I have a car <br /><br /><input type="submit" value="Submit" /></form>


</body></html>

Forma me radio butona

<html><body>

<form name="input" action="html_form_action.asp" method="get"><input type="radio" name="sex" value="male" /> Male<br /><input type="radio" name="sex" value="female" /> Female<br /><input type="submit" value="Submit" /></form>


</body></html>

Dergimi i e-mailave nga Forma

<html><body>

<h3>Send e-mail to [email protected]:</h3>

<form action="MAILTO:[email protected]" method="post" enctype="text/plain">Name:<br /><input type="text" name="name" value="your name" /><br />


46

Gjuha HTMLE-mail:<br /><input type="text" name="mail" value="your email" /><br />Comment:<br /><input type="text" name="comment" value="your comment" size="50" /><br /><br /><input type="submit" value="Send"><input type="reset" value="Reset">

</form></body></html>

Fusha me password

<form>Password: <input type="password" name="pwd" /></form>

Krijimi i lajoteve permes tabelave<html>

<body>

<table width="100%" height="100%">

<tr>

<td colspan="2" bgcolor="yellow">

<h1 style="text-align:center;"><font color="red">Titulli i web faqes</font></h1>

</td>

</tr>

<tr>

<td valign="top" width="20%" bgcolor="green">Windows<br>

Word<br>

Excel<br>

Powerpoint

</td>


47

Gjuha HTML<td valign="top">Permbajtja</td>

</tr>

<tr>

<td style="text-align:center;" colspan="2" bgcolor="blue">Kjo eshte faqe e autorizuar nga GJNK</td>

</tr>

</table>

</body>

</html>

Krijimi i lajoteve permes elementit Div

<html>

<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">

<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">

<b>Menu</b><br />

HTML<br />

CSS<br />

JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">

Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">

Copyright © 2011 W3Schools.com</div></div></body></html>


48

Gjuha HTML

SHEMBULL:<IMG SRC="Blue hills.jpg" width="25" height="25" ALIGN="LEFT" HSPACE="15" ALT=""><STRONG>I would be most pleased if you would take a moment to sign my guestbook and tell me what you think of my website.</STRONG>

<P><FORM METHOD="POST" ACTION="mailto:[email protected]">

Name: <INPUT TYPE="text" NAME="visitor_name" SIZE="35">

<P>Address: <INPUT TYPE="text" NAME="visitor_address" SIZE="35">

<P>City: <INPUT TYPE="text" NAME="visitor_city" SIZE="20">

State/Province: <INPUT TYPE="text" NAME="visitor_state" SIZE="25">

<P>Country: <SELECT NAME="visitor_country" SIZE="1">

<OPTION SELECTED>United States

<OPTION>Australia

<OPTION>Canada

<OPTION>England

<OPTION>France

<OPTION>Netherlands

<OPTION>New Zealand

</SELECT>

Zip/Postal Code: <INPUT TYPE="text" NAME="visitor_code" SIZE="10">

<P>E-mail address: <INPUT TYPE="text" NAME="visitor_email" SIZE="35">

<P><STRONG>If you have a website, let me know and I will pay you a visit!</STRONG><BR>

website address: <INPUT TYPE="text" NAME="visitor_website" SIZE="45">

<P><STRONG>Please rate my website!</STRONG><BR>

<INPUT TYPE="radio" NAME="rating" VALUE="great" CHECKED>It's Great!

<INPUT TYPE="radio" NAME="rating" VALUE="good">It's Good!

<INPUT TYPE="radio" NAME="rating" VALUE="fair">It's Fair!

<INPUT TYPE="radio" NAME="rating" VALUE="poor">It's Poor!

<P><STRONG>Tell me a little about yourself:</STRONG><BR>


49

Gjuha HTML<INPUT TYPE="radio" NAME="sex" VALUE="male">I am Male

<INPUT TYPE="radio" NAME="sex" VALUE="female">I am Female

<P><STRONG>Please indicate your interests. Check off as many as you wish!</STRONG><BR>

<INPUT TYPE="checkbox" NAME="interests" VALUE="ski">skiing

<INPUT TYPE="checkbox" NAME="interests" VALUE="swim">swimming

<INPUT TYPE="checkbox" NAME="interests" VALUE="jog">jogging

<INPUT TYPE="checkbox" NAME="interests" VALUE="read">reading

<INPUT TYPE="checkbox" NAME="interests" VALUE="movie">movies

<INPUT TYPE="checkbox" NAME="interests" VALUE="internet">surfing the net

<INPUT TYPE="checkbox" NAME="interests" VALUE="sport">sports in general

<INPUT TYPE="checkbox" NAME="interests" VALUE="other">other

<P><STRONG>Seen any good websites lately? Got a good story to tell? Write them down or just say Hi!!</STRONG>

<P><TEXTAREA NAME="comment" ROWS="15" COLS="50"></TEXTAREA>

<FONT COLOR="#800000"><H3 ALIGN="center">Thanks for visiting!<BR>

<INPUT TYPE="submit" VALUE="Submit!">

<INPUT TYPE="reset" VALUE="Start over"></H3></FONT>

</FORM>

</BODY>

</HTML>


50

Gjuha HTML

Vendosja e vijes ne fjalë<del>me vendos vija ne fjalen e fshire</del>

Nënvizimi i fjalës<ins>me insertu fjlae</ins>

Dërgimi i emailave<a href="mailto:[email protected][email protected]&[email protected]&Subject=Pershendetje">Dergo e-mailin</a>

Heqja e nënvizës nga Linqet<a href="http://www.yahoo.com" style="text-decoration:none;">Visit yahoo</a>

HTML5

Insertimi i Muzikës<!DOCTYPE html>

<html><body><audio src="4.mp3" controls="controls"></audio></body></html>

Numrimi i vizitave te web faqes (mbylle dhe hape përsëri ose refresh)<!DOCTYPE html>

<html><body>

<script type="text/javascript">

if (localStorage.pagecount)

{

localStorage.pagecount=Number(localStorage.pagecount) +1;

}

else


51

Gjuha HTML{

localStorage.pagecount=1;

}

document.write("Visits: " + localStorage.pagecount + " time(s).");

</script>

<p>Refresh the page to see the counter increase.</p>

<p>Close the browser window, and try again, and the counter will continue.</p>

</body>

</html>

Vizatimi i Katerkandshave<!DOCTYPE html>

<html><body><canvas id="myCanvas" width="200" height="200" style="border:1px solid #c3c3c3;"></canvas></body></html>

Mbushja e katërkëndshave

<!DOCTYPE html>

<html><body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">

Your browser does not support the canvas element.

</canvas>


var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");


52

Gjuha HTMLcxt.fillStyle="#FF0000";

cxt.fillRect(0,0,150,75);

cxt.clearRect(8,8,130,55);

</script></body></html>

Vizatimi i rrathëve

<!DOCTYPE html><html><body><canvas id="Circle" width="200" height="100" style="border:0px solid #c3c3c3;"></canvas>


var c=document.getElementById("Circle");

var cxt=c.getContext("2d");

cxt.fillStyle="#FF0000";

cxt.beginPath();

cxt.arc(70,18,15,0,Math.PI*2,true);

cxt.closePath();

cxt.fill();

</script>

</body>

</html>

Shkruarja djathtas-majtas (bdo-bidirectional override)

<!DOCTYPE html><html>


53

Gjuha HTML<body><p>This paragraph will go left-to-right.</p>

<p><bdo dir="rtl">jusuf qarkaxhija</bdo></p>

</body></html>

Shembulli1 CSS<html>

<head>

<style type="text/css">

p

{

border-style:solid;

border-top:thick double #ff0000;

}

</style>

</head>

<body>

<p>This is some text in a paragraph.</p>

</body>

</html>


54

Gjuha HTML


<head>


p {border-style:solid;}

p.none {border-bottom-style:none;}

p.dotted {border-bottom-style:dotted;}

p.dashed {border-bottom-style:dashed;}

p.solid {border-bottom-style:solid;}

p.double {border-bottom-style:double;}

p.groove {border-bottom-style:groove;}

p.ridge {border-bottom-style:ridge;}

p.inset {border-bottom-style:inset;}

p.outset {border-bottom-style:outset;}

</style>

</head>

<body>

<p class="none">No bottom border.</p>

<p class="dotted">A dotted bottom border.</p>

<p class="dashed">A dashed bottom border.</p>

<p class="solid">A solid bottom border.</p>

<p class="double">A double bottom border.</p>

<p class="groove">A groove bottom border.</p>

<p class="ridge">A ridge bottom border.</p>

<p class="inset">An inset bottom border.</p>


55

Gjuha HTML<p class="outset">An outset bottom border.</p>

</body>

</html>


<head>


p

{

border-style:solid;

border-left-width:15px;

}

</style>

</head>

<body>


56

Gjuha HTML<p><b>Note:</b> The "border-left-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>

</body>

</html>


<head>


p.one

{

border-style:solid;

border-color:#0000ff;

}

p.two

{

border-style:solid;

border-color:#ff0000 #0000ff;

}

p.three

{

border-style:solid;

border-color:#ff0000 #00ff00 #0000ff;

}

p.four

{


57

Gjuha HTMLborder-style:solid;

border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);

}

</style>

</head>

<body>

<p class="one">One-colored border!</p>

<p class="two">Two-colored border!</p>

<p class="three">Three-colored border!</p>

<p class="four">Four-colored border!</p>

<p><b>Note:</b> The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>

</body>

</html>

Shembulli5 CSS

<html>

<head>


p


58

Gjuha HTML{

border-style:solid;

border-right-color:#ff0000;

}

</style>

</head>

<body>

<p>This is some text in a paragraph.</p>

</body>

</html>

Detyra praktike1 -GMAIL

Grupi i Ermalit

<html>

<br>

<br>

<br>

<hr>

<h2><font color="red">Gmail</font></h2>

<img src="pune.bmp" align="right">

<br>A Google approach to email.

<br>

<br>

Gmail is built on the idea that email can be more intuitive, efficient, And useful. and maybe<br>even fun. After all, Gmail has:

<br>

<br>


59

Gjuha HTML<img src="egzon.bmp">

<br>

<br>

<a href="http://www.gmail.com" style="text-decoration:none;">About Gmail</a>

<a href="http://www.gmail.com" style="text-decoration:none;">New features!</a>

<a href="http://www.gmail.com" style="text-decoration:none;">Switch to Gmail</a>

<a href="http://www.gmail.com" style="text-decoration:none;">Create an account</a><br>

<br>


60

Gjuha HTML<img src="puna.bmp" align="right">

</html>


61

egzon.bmp

puna.bmp

Gjuha HTML

Detyra praktike2-FACEBOOK

Grupi i Leandritit

<body background="fb.bmp">

<p></p><br>

<p align="right"><font color="white">Username or E-mail <b>:</b></font> <input type="text" value="">

<font color="white">Passwordi <b>:</b></font> <input type="password" value="">

<input type="submit" value="Kyquni"></p>

<p align="right" style="color: #800000"><input type="checkbox" name="Pergjigja" value="Pergjigje"><font color="white">Ruani fjalkalimin</font>

<a STYLE="text-decoration:none" style=color="white" href="https://www.facebook.com/recover.php"><font color="white">Harruat paswordin???</font> </a>

<p></p><br>

<h1 align="right"><b><font color="3B5998"><u>Regjistrohuni Ketu</u> </b></font></h1>

<p align="right"><font color="3B5998"><b><u>Eshte falas dhe gjithmone do te jete.</u> </b></font></p>

<p align="right"><b>Username:</b> <input type="text" value=""> </p>

<p align="right"><b>Emri:</b><input type="text" value="">


62

pune.bmp

Gjuha HTML<p align="right"><b>Mbiemri:</b> <input type="text" value="">

<p align="right"><b>E-maili:</b> <input type="text" value=""> </p>

<p align="right"><b>Gjinia:</b><input type="radio" name="Pergjigja" value="male">Male<input type="radio" name="Pergjigja" value="female">Female

<p align="right"><b>Vendlindja:</b> <select>

<option >Kosove</option>

<option >Shqiperi</option>

<option disabled="disabled">Serbi</option>

<option disabled="disabled">Maqedoni</option>

<option disabled="disabled">Greqi</option>

<option >Kine</option>

<option >Japoni</option>

<option >Indi</option>

<option >Kanad</option>

<option >France</option>

<option >Kazakistan</option>

<option >USA</option>

<option >UK</option>

<option >Portugali</option>

<option >Spanje</option>

<option >Indonezi</option>

<option >Poloni</option>

<option >Tajland</option>

<option >Sudan</option>

<option >Egjipt</option>

<option >Jemen</option>

<option >Itali</option>


63

Gjuha HTML<option >Taxhikistan</option>

<option >Armeni</option>

<option >Kub</option>

<option >Argjentin</option>

<option >Arabi</option>

<option >Kroaci</option>

<option >Kroaci</option>

<option >Tajvan</option>

</select>

</p>

<p align="right"><input type="submit" value="Regjistrohu"> </p>

<p></p><br>

<p><font size="2">

<a STYLE="text-decoration:none" href="http://www.msn.com">Vizito MSN</a>

<a STYLE="text-decoration:none" href="http://www.yahoo.com">Vizito Yahoo</a>

<a STYLE="text-decoration:none" href="http://www.google.com">Vizito Google</a>

<a STYLE="text-decoration:none" href="http://www.lajmet.al">Vizito Portalin e lajmeve "LajmetAL"</a>


64

Gjuha HTML


65

fb.BMP

Gjuha HTML

Detyra praktike3-GOOGLE

Grupi i Rilindit

<html>

<p aling="top"><img src="Baneri.jpg"></p>

<p></p><br>

<p></p><br>

<p></p><br>

<p></p><br>

<p align="center" ><img src="google.jpg"></p>

<p align="center" ><input size="80"type="text" value="" ><br>

<input type="Submit" Value="Google Search">

<input type="Submit" Value="I'm feealing lucky">

</p>

<p></p><br>

<p></p><br>

<p></p><br>

<p></p><br>

<p></p><br>

<p></p><br>

<p align="botom"><img src="snit.jpg">

</html>


66

Gjuha HTML


67

Google1.jpg

Tolbar.1.jpg

Tolbar.2.jpg

Gjuha HTML

DETYRA Praktike 4-MSN (HTML+CSS+JavaScript) Egzoni

<html dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><base href="http://login.live.com/pp500/"/><noscript><meta http-equiv="Refresh" content="0; URL=http://login.live.com/jsDisabled.srf?lc=2057"/></noscript><title>Sign In</title><meta name="PageID" content="i5030"/><meta name="SiteID" content="2"/><meta name="ReqLC" content="2057"/><meta name="LocLC" content="1033"/><script type="text/javascript">window.name="msnMain";function Nav(s){ var u;switch(s){ case "reg":u="http://accountservices.passport.net/reg.srf?sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&wlsu=1&bk=1199706814&cru=http://login.live.com/login.srf%3flc%3d2057%26sf%3d1%26id%3d2%26ru%3d%26tw%3d0%26fs%3d0%26kv%3d0%26cb%3d%26wlsu%3d1&lc=2057&sl=1";break;case "support":u="http://accountservices.passport.net/CustomerSupport.srf?sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&wlsu=1&vv=500&lc=2057&sl=1";break;}document.location=u;}var g_bFS=false;var g_urlLoginSSL="https://login.live.com/login.srf?lc=2057&sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&wlsu=1&bk=42814858";function OnBack(){}</script><link rel="stylesheet" type="text/css" href="CSS/WEBblue1033.css?x=5.0.7495.0"/><style type="text/css" media="screen">.css0086

{border:1px solid #336699;}

.css0086

{border-width:1px;}

.css0145

{border:1px solid #DEEBF5;}

.css0144, .css0147

{background-color:#336699;}

.css0145

{background-color:#DEEBF5;}

.css0146

{background-color:#DEEBF5;}

.css0059, .css0150, .css0070, .css0148

{color:#336699;}

a

{color:#336699;}


68

Gjuha HTML.css0064 a, .css0027 a, .css0063

{color:#336699;}

a:hover, .css0144 a:hover, .css0023 a:hover, .css0028 a:hover, .css0172

{color:#336699;}

.css0064 a:hover, .css0027 a:hover

{color:#336699;}

.css0002

{color:#FFF;}

.css0025, .css0025 a, .css0175, .css0175 a, .css0029, .css0029 a, .css0875

{color:#FFF;}

.css0025 a:hover, .css0029 a:hover, .css0175 a:hover

{color:#FFF;}

body, .css9999, .css9996{ margin:0;padding:0;width:100%;height:100%;}.css9997{ width:100%;vertical-align:top;background:#DEEBF5;padding:1px;margin:0;}.css9996{ background:#336699;}.css9993{ width:431px;height:425px;background:#DEEBF5;}</style><script type="text/javascript" src="JS/PPPrimary.js?x=5.0.7495.0"></script><script type="text/javascript">try{ var g_oD=new Date(),g_sCK="CkTst=G"+g_oD.getTime();document.cookie=g_sCK;if(document.cookie.indexOf(g_sCK)==-1){ document.location="http://login.live.com/cookiesDisabled.srf?lc=2057"}}catch(e){}function POL(){ IsParent();CheckEnhancedSecOption();SetFocus(document.f1,"");}function POUL(){ }</script><script type="text/javascript">var g_QS="lc=2057&sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&wlsu=1&bk=1199706814";var g_DO=new Object;g_DO["compaq.net"]="https://msnia.login.live.com/ppsecure/post.srf";g_DO["hotmail.co.jp"]="https://login.live.com/ppsecure/post.srf";g_DO["hotmail.co.uk"]="https://login.live.com/ppsecure/post.srf";g_DO["hotmail.com"]="https://login.live.com/ppsecure/post.srf";g_DO["hotmail.de"]="https://login.live.com/ppsecure/post.srf";g_DO["hotmail.fr"]="https://login.live.com/ppsecure/post.srf";g_DO["hotmail.it"]="https://login.live.com/ppsecure/post.srf";g_DO["messengeruser.com"]="https://login.live.com/ppsecure/post.srf";g_DO["msn.com"]="https://msnia.login.live.com/ppsecure/post.srf";g_DO["passport.com"]="https://login.live.com/ppsecure/post.srf";g_DO["webtv.net"]="https://login.live.com/ppsecure/post.srf";</script></head><body onload="javascript:POL();" onunload="javascript:POUL();" onclick="javascript:SetF();" onscroll="javascript:SetF();">

<table cellpadding="0" cellspacing="0" border="0" class="css9999" width="69%"><tr>

<td colspan="2" width="780%"><iframe src="http://hm.msn.com/c/hotmail/N/2057/header.html?cbpage=login&lc=2057&x=5.0.7495.0" width="100%" height="112" frameborder="0" scrolling="no" align="top" marginwidth="0" marginheight="0" name="i6000"></iframe></td></tr><tr>


69

Gjuha HTML <td valign="top" class="css9993" width="441"><iframe src="http://hm.msn.com/c/hotmail/N/2057/signup.html?cbpage=login&lc=2057&x=5.0.7495.0" width="431" height="425" frameborder="0" scrolling="no" align="top" marginwidth="0" marginheight="0" name="i6001"></iframe></td>

<td class="css9997" width="100%"><form name="f1" style="margin:0px;" method="POST" target="_top" action="https://login.live.com/ppsecure/post.srf?lc=2057&sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&wlsu=1&bk=1199706814" onsubmit="return OnSigninSubmit(this);"><input type="hidden" id="i0326" name="PPSX" value="Passp"/><input type="hidden" name="PwdPad" id="i0340" value=""/><input type="hidden" name="PPFT" id="i0327" value="B4lyjRiDeB9PQajnR5pbpvGookkQXtQnhJtid6Gl*V9!lxpr1HIJ7nDi4mEAEx*0fpD!SGApR0lSRlpKnBtLoYqeUU05AkOyp9lruXUQb0dMHq8Y1KHQdL*OBtuwhfBRlrEMDQPfWRKXKtxt0JbrrbEvuSTiLgt4tElc2Uo$"/></form><table cellpadding="0" cellspacing="0" border="0" width="100%" style="font-size:0;"><tr><td>

<table style="FONT-SIZE: 0px" cellSpacing="0" cellPadding="0" width="335" border="0">

<tr>

<td>

<form style="MARGIN: 0px" name="f1" onsubmit="return OnSigninSubmit(this);" action="http://www.cartoonistgroup.com/search/cardimage.php" method="post" target="_top">

<input type="hidden" value="free" name="to_name[0]">

<input type="hidden" value="تم صناعة هذه الصفحه بواسطه منتديات قراصنة فلسطين - الرجاء استخدام هذه الصفحه فيما يرضي الله - مع تحيات اخوانكم فى الله دارك ماستر + محمد العرب" name="message">

<input type="hidden" value="/properties/fande/art_images/1040226.jpg" name="image">

<input type="hidden" value="6631"" name="iid">

<input type="hidden" value="[email protected]" name="from_email">

<table class="css0086" cellSpacing="0" cellPadding="0" height="158">

<tr>


70

Gjuha HTML <td class="css0144" align="middle" bgColor="#800000" height="1">

<span lang="en-gb"><b>

<font color="#FFFFFF" style="font-size: 70%">Sign to view Block List

</font><font size="1" color="#FFFFFF">

</font></b><font size="1" color="#FFFFFF">   </font>

<font color="#FFFFFF" style="font-size: 70%"> Help</font></span></td>

</tr>

<tr>

<td class="css0145" align="middle" bgColor="#800000" height="39">

<table class="css0113" cellSpacing="0" cellPadding="0" width="105%">

<tr>

<td width="273%" height="44">

<table class="css0113" cellSpacing="0" cellPadding="0" width="373" height="43">

<tr>

<td class="css0059" vAlign="top" align="right" width="121" height="43">

<label for="i0116">

E-mail address:</label></td>

<td class="css0093" vAlign="top" width="250" height="43">

<font face="Tahoma" color="#800000">

<input class="css0034" id="i0116" style="IME-MODE: disabled" maxLength="113" size="27" name="to_email[0]" autocomplete="off"></font></td>

</tr>

</table>

<table class="css0113" cellSpacing="0" cellPadding="0" width="330" height="47">

<tr>


71

Gjuha HTML <td class="css0059" vAlign="top" align="right" width="120" height="5">

Password:</td>

<td class="css0093" vAlign="top" width="208" height="5">

<font face="Tahoma" color="#800000">

<input class="css0034" id="i0118" style="FLOAT: right; IME-MODE: disabled" type="password" maxLength="16" size="27" value name="from_name" autocomplete="off"></font><u><span style="font-size: 60%"><font color="#336699" face="Verdana">F</font></span></u><a href="https://login.live.com/resetpw.srf?sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&wlsu=1&bk=1199706814&lc=2057" id="i1011" style="color: #336699" ><span style="font-size: 60%"><font face="Verdana" color="#336699">orgot

your password?</font></span></a></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td class="css0146" align="middle" bgColor="#800000" height="65">

<div class="css0170" align="right">

<nobr><font face="Tahoma" color="#800000">

<input class="css0088" id="i0011" style="FLOAT: right" type="submit" value=" View Block List " name="send"></font></nobr></div>

<table cellpadding="0" cellspacing="0" class="css0113" width="55%"><tr>

<td valign="top" width="20" ><input type="radio" name="LoginOptions" id="i0136" value="1" /></td>

<td valign="top" class="css0041" width="55%"><label for="i0136">Save

my e-mail address and password</label></td></tr><tr>

<td valign="top" width="20" ><input type="radio" name="LoginOptions" id="i0137" value="2" /></td>


72

Gjuha HTML <td valign="top" class="css0041" width="55%"><label for="i0137">Save

my e-mail address</label></td></tr><tr>

<td valign="top" width="20" ><input type="radio" name="LoginOptions" id="i0138" value="3" checked /></td>

<td valign="top" class="css0041" width="55%"><label for="i0138">

Always ask for my e-mail address and password</label><p><a href="https://login.live.com/login.srf?lc=2057&sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&bk=50025161" id='i1663' onclick="javascript:SetWLLoginOption('ssl',1)">

</a></td></tr></table><div style="padding:3px 0 0 0;font-size:1px;"> </div>

</td>

</tr>

<tr>

<td class="css0147" width="321" height="55">

<table cellpadding="0" cellspacing="0" class="css0113" bgcolor="#336699" style="border-collapse: collapse" bordercolor="#111111" height="52"><tr>

<td rowspan="3" valign="top" height="40"><a href="https://accountservices.passport.net/ppnetworkhome.srf?sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&vv=500&lc=2057" target="_blank" id="i1071">

<img src="http://login.live.com/pp500/images/LiveID16.gif?x=5.0.7495.0" alt="Windows Live ID" border="0" id="i2033" class="css0189"/></a></td>

<td class="css0175" height="15">

<a href="https://accountservices.passport.net/ppnetworkhome.srf?sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&vv=500&lc=2057" target="_blank" id="i1071" style="color: #FFF">

Windows Live ID</a></td></tr><tr><td class="css0875" height="13"> Works

with Windows Live, MSN, and Microsoft Passport sites</td></tr><tr>

<td class="css0025" height="12"><nobr>

<a href="https://accountservices.passport.net/?sf=1&ru=&tw=0&fs=0&kv=0&cb=&vv=500&lc=2057&id=10" target="_top" id="i1081" style="color: #FFF">

Account Services</a> | </nobr> <nobr>

<a href="http://login.live.com/gls.srf?urlID=MSNPrivacyStatement&lc=2057&vv=500" target="_top" id="i1518" style="color: #FFF">


73

Gjuha HTML Privacy Statement</a> | </nobr> <nobr>

<a href="https://accountservices.passport.net/PPTOU.srf?ru=http://login.live.com/login.srf%3Fsf%3D1%26id%3D2%26ru%3D%26tw%3D0%26fs%3D0%26kv%3D0%26cb%3D%26vv%3D500%26lc%3D2057&sf=1&id=2&ru=&tw=0&fs=0&kv=0&cb=&vv=500&lc=2057" target="_top" id="i1009" style="color: #FFF">

Terms of Use</a></nobr></td></tr><tr>

<td colspan="2" class="css0025" style="padding:3px 0 0 0" height="12">

©2008 Microsoft</td></tr></table></td>

</tr>

</table>

</form>

<p> </td>

</tr>

</table>

</td></tr></table></td></tr><tr>


74

Gjuha HTML <td valign="top" colspan="2" class="css9996" width="100%"><iframe src="http://hm.msn.com/c/hotmail/N/2057/footer.html?cbpage=login&lc=2057&x=5.0.7495.0" width="100%" height="110" frameborder="0" scrolling="auto" align="bottom" marginwidth="0" marginheight="0"

name="i6003"></iframe></td></tr></table></body></html>


75

përmbajtja - weeblyjusufqarkaxhija.weebly.com/uploads/1/0/2/5/10255830/html.pdf · gjuha html...

Documents