Ushtrime - Per - HTML - Tik12

SHPJEGIM NË HTML
1. RASTI I PARË: Njohuritë themelore apo roli për HTML-në,

HTML-ja është sistem standart për kodimin e tekstit, i cili mund nga përbëhet nga
bashkësit e simboleve apo nga insertimet e paraqitjes së të dhënave, çfarëdo faqe
apo webfaqe e deri edhe website ne të cilin dëshirojmë ta vizitojmë.
2. RASTI I DYTË: Tiparët për HTML-në,

Pra tiparët kryesore e HTML-së mund të cekim varësisht çfarë dokumenti jemi të
interesuar të krijojmë, atëher nga njohuritë e juaj që keni vizituar webfaqe, website
në ditët e sotme virtual kudo, ne e kuptojmë shihet vetëm tekst, fotografi, video-
zerim, audio-vizuel etj, e shumë mënyra tjera të krijimit tekstual. Për të kuptuar më
thjesht HTML-ja siç kemi cekur edhe te njohurit themelore ka te bëj me tekst, pra
kur flasim ketë, krijimi i një dokumenti bëhet përmes të gjith editorëve që kanë të
bëjnë me tekst e ata editor janë: NOTEPAD, WORDPAD, MICROSOFT WORD, ETJ.
Editori NOTEPAD: Në ditët e sotme ky editor është në perdorim të gjerë për të
fituar njohuritë kodike për html-në.
[Type the company name] | Error! No text of specified style in document. 1

3. RASTI I TRETË : Karakteristikat e HTML-së
Html-ja i ka këto karakteristika: Elmentet, Etiketat, dhe Atributet.
Elementet :
Elementet e një dokumenti në HTML- janë: Titulli, Paragrafi, Tabela, Listat, Ballina etj. Kur flasim
se kemi fillu një dokument në html është e pa shmangeshmemos kemi të bëjm me elementet . Kur
flasim për secilin element ne do i kushtojmë më gjersisht në kapitujt e ardhshëm një nga
një.
Etiketat :
Komponenta kryesore e një dokumenti në html është ETIKETË . Kur etiketa e merr
simbolin < ma e madhe apo ma e vogel > dhe është vendosur qfarëdo elementi i një
dokumenti si paragraph në vijim, quajmë markim i etiketës, p.sh <p> hapja e etiketes, dhe
</p> mbyllja e etiketes.
Atributet :
Pjesa shtesë e etiketës quajmë ATRIBUTË
LLOJET E ATRIBUTËVE :
 ARTIBUTET E POZICIONIT TEKSTIT (Majtas, Djathtas, Qendër, Lartë, Poshtë)

 ATRIBUTI I FONTIT TEKSTIT ( Stili i shkrimit, Madhësia e shkrimit, Ngjyra e shkrimit )
 ATRIBUTI I PAMJES SË TRUPIT TË DOKUMENTIT - NGJYRA E DRITARËS SË PLOTË.
2
SHEMBUJ NË HTML
1. SHEMBULLI I PARË: Të krijohet dokumenti i parë në HTML, përmes editorit
NOTEPAD, ku qëllim kryesorë është të duket teskti apo titulli në shiritin e
lartë (shiriti i kaltërt i titullit) , në figurën.1 në vijim do duket pamja e
dritares para se të bëhet kodi:
FIG.1
KODI NË HTML DUHET SHKRUAR KESHTU:
<html>
<head>
<title> Detyra e pare </title>
</head>
</html>
3
2. SHEMBULLI I DYTÊ: Të krijohet dokumenti në HTML, përmes editorit
NOTEPAD, ku qëllim kryesorë është të duket teskti apo paragrafi në trupin e
dokumentit , si në figurën.2, në vijim do duket pamja e dritares para se të
bëhet kodi:
Fig.2
<html>
<body>
<p> Emri dhe Mbiemri</p>
</body>
</html>
3. SHEMBULLI I TRETË: Të krijohet dokumenti në HTML, përmes editorit

NOTEPAD, ku qëllim kryesorë është të duket teskti apo titulli ne shiritin e
kaltert dhe teksti apo paragrafi në trupin e dokumentit , si në figurën.3, në
vijim do duket pamja e dritares para se të bëhet kodi:
Figura.3
<html>
<head>
<title>Detyra e parë</title>
</head>
<body>
<p>emri dhe mbiemri</p>
</body>
</html>
4. SHEMBULLI I KATËRT: Të krijohet dokumenti në HTML, përmes editorit

NOTEPAD, ku qëllim kryesorë është të duket teskti apo titulli sikur nëntitull
në trupin e dokumentit , si në figurën.4, dh të shtohen dy paragrafe, në vijim
do duket pamja e dritares para se të bëhet kodi:
Fig.4
Kodi do duhet shkruar keshtu:
<html>
<head>
<title>KLASA IME</title>
</head>
<body>
<h1>Emri dhe Mbiemri</h1>

<p>Klasa: XII-x </p>
<p> Nr i ditarit</p>
</body>
</html>
5. SHEMBULLI I PESTË: Të krijohet dokumenti në HTML, përmes editorit

në trupin e dokumentit , si në figurën.5, dhe gjitashtu jane shtuar atributet e
e fontit , në vijim do duket pamja e dritares para se të bëhet kodi:
FIG.5
KODI DUHET SHKRUAR KESHTU:
<html>
<body>
<p><font color="blue",font size="7">Shkolla:<font
color="green",font size="6">Gjimnazi<font color="red",font
size="6">"17 SHKURTI"</font></p>
<p><font color="blue",font size="7">Nxënësi:<font

color="green",font size="6">Emri dhe Mbiemri<font
color="red",font size="6"></font></p>
<p><font color="blue",font size="7">Klasa:<font

color="green",font size="6">XII<font color="red",font
size="6"><sub>1</sub></font></p>
<p><font color="blue",font size="7">Drejtimi:<font

color="green",font size="6">Përgjithshëm<font color="red",font
size="6"></font> </p>
</body>
</html> 7
6. SHEMBULLI I GJASHTË: Të krijohet dokumenti në HTML, përmes editorit

në trupin e dokumentit, si në figurën.6, dhe gjitashtu jane shtuar atributet e
fontit dhe ato te pozicionimit te tekstit, në vijim do duket pamja e dritares
para se të bëhet kodi:
Fig.6
Kodi duhet shkruar keshtu:
<html>
<body>
<p align="center"><font color="blue",font
size="5">Shkolla:<font color="green",font size="6">
Gjimnazi<font color="red",font size="6">"17
SHKURTI"</font></p>
<p align="left"><font color="blue",font

size="5">Nxënësi:<font color="green",font size="6">
Emri dhe Mbiemri<font color="red",font size="6"></font></p>
<p align="right"><font color="blue",font

size="5">Klasa:<font color="green",font size="6">
XII<font color="red",font size="6"><sub>1</sub></font></p>

size="5">Drejtimi:<font color="green",font size="6">
Përgjithshëm<font color="red",font size="6"></font></p>
</body>
</html> 8
7. SHEMBULLI I SHTATË: Të krijohet dokumenti në HTML, përmes editorit
në trupin e dokumentit, si në figurën.7, dhe gjitashtu jane shtuar atributet e
fontit dhe ato te pozicionimit te tekstit dhe me beground, në vijim do duket
pamja e dritares para se të bëhet kodi:
Fig.7
<html>
<body bgcolor="yellow">
size="5">Shkolla:<font color="green",font size="6">
Gjimnazi<font color="red",font size="6">"17
SHKURTI"</font></p>
<p align="left"><font color="blue",font size="5">Nxënësi:<font
color="green",font size="6">
Emri dhe Mbiemri<font color="red",font size="6"></font></p>
<p align="right"><font color="blue",font size="5">Klasa:<font
color="green",font size="6">
XII<font color="red",font size="6"><sub>1</sub></font></p>
size="5">Drejtimi:<font color="green",font size="6">
natyror<font color="red",font size="6"></font></p>
</body>
</html> 9
8. SHEMBULLI I TETË: Të krijohet dokumenti në HTML, përmes editorit

NOTEPAD, ku qëllim kryesorë është të duket LISTA E NUMRAR dritares para
se të bëhet kodi:
KODI DO TE SHKRUHET KESHTU:
<html>
<body>
<ol>
<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
10
9. SHEMBULLI Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

qëllim kryesorë është të duket LISTA E NUMRAR ME SHKRONJA medha
<html>
<body>
<ol type=A>
<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
11
10. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

qëllim kryesorë është të duket LISTA E NUMRAR ME SHKRONJA vogla
<html>
<body>
<ol type=a>
<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
12

qëllim kryesorë është të duket LISTA E NUMRAR ME fillu prej 3 e lart
<html>
<body>
<ol start=3>
<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
13

qëllim kryesorë është të duket LISTA E NUMRAR ME fillu prej 3me shkronja
vogla e lart dritares para se të bëhet kodi:
<html>
<body>
<ol type=a start=3>

<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
14
13. SHEMBULLI: Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

qëllim kryesorë është të duket LISTA E NUMRAR ME fillu prej 3 me shkronja
medha e lart dritares para se të bëhet kodi:
<html>
<body>
<ol type=A start=3>
<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
15

qëllim kryesorë është të duket LISTA E NUMRAR ME fillu prej 1 me numra
romak e lart dritares para se të bëhet kodi:
<html>
<body>
<ol type=I>
<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
16
qëllim kryesorë është të duket LISTA E NUMRAR ME fillu prej 4 me numra
romak e lart dritares para se të bëhet kodi:
<html>
<body>
<ol type=I start=4>

<li> lista 1
<li> lista 2
<li> lista 3
<li> lista 4
</ol>
</body>
</html>
17
qëllim kryesorë është të duket LISTA E PA NUMRAR e lart dritares para se
të bëhet kodi:
<html>
<body>
<menu>
<li type="disc"> lista 1
<li type="circle"> lista 2
<li type="square"> lista 3
</menu>
</body>
</html>
18

qëllim kryesorë është të duket LISTA E DEFINCIONEVE e cila shihet lart
Keshtu duhet shkruar kodi:
<html>
<body>
<dl>
<dt> ASCII </dt>
<dd> American Standard Code for information Interchange </dd>
<dt> PC </dt>
<dd> PERSONAL KOMPUTER </dd>
</dl>
</body>
</html>
19

qëllim kryesorë është të duket TABELA ME RRESHTA DHE KULONA e cila
shihet lart dritares para se të bëhet kodi:
KODI DUHET SHKRUHET KESHTU:
<html>
<body>
<TABLE BORDER=4>
<TR> <TH> EMRI <TH> MBIEMRI <TH> TELFONI</TR>
<TR> <TD> AGON <TD> ALIU <TD> 044-000-111</TR>
</TABLE>
</body>
</html>
20

KODI DUHET SHKRUHET KESHTU:
<html>
<body>
<h1 align="left">Detyra 19</h>
<h4 align="center">Tabela </h4>
<table border="2">
<caption align="Bottom">Tabela1</caption>
<tr><th colspan="2">Shenime<th></tr>
<tr><th>Emri</th><th>Mbiemri</th><tr>
<tr><td>Ahmet</td><td>Murati</td><tr>
</table> </body>
</html> 21
<h1 align="left">Detyra4</h>
<h4 align="center">Tabela </h4>
<table bgcolor=red border="2">
<caption align="Bottom">Tabela1</caption>
<tr><th bgcolor=green colspan="2">Shenime</th></tr>
<tr><th bgcolor=green>Emri</th><th bgcolor=green>Mbiemri</th><tr>
<tr><td bgcolor=green>Ahmet</td><td bgcolor=green>Murati</td><tr>
</table>
22
qëllim kryesorë është të duket TABELA E ORARIT MESIMOR e cila shihet lart
<html>
<body>
<table border="6" bordercolor=#CCCCFF bgcolor=#FF9999>
<caption align=bottom>GJIMNAZI SHOQEROR XII3</CAPTION>
<tr><th colspan ="6" bgcolor=#00B0EB>ORARI MESIMOR</th></tr>
<tr><th> ORA</th><th>E HENE</th><th>E MARTE</th><th>E
MERKURE</th><th>E ENJTE</th><th>E PREMTE</th></tr>
<tr><td>1.</td><td>gj.frenge</td><td>gj.shqipe</
td><td>gj.shqipe</td><td>ed.fizike</td><td>sociologji</td></
tr>
<tr><td>2.</td><td>ekonomi</td><td>sociologji</
td><td>ed.fizike</td><td>filozofi</td><td>filozofi</td></tr>
<tr><td>3.</td><td>ekonomi</td><td>histori</td><td>filozofi</
td><td>psikologji</td><td>psikologji</td></tr>
<tr><td>4.</td><td>tik</td><td>histori</td><td>logjike</
td><td>logjike</td><td>histori</td></tr>
<tr><td>5.</td><td>gj.angleze</td><td>matematike</
td><td>sociologji</td><td>ed.qytetare</td><td>gj.shqipe</
td></tr>
<tr><td>6.</td><td>gj.angleze</td><td>gj.frenge</
td><td>gj.angleze</td><td>ed.qytetare</td><td>gj.shqipe</
td></tr>
</table>
</body>
</html>

qëllim kryesorë është të duket lidhja e faqes me faqe me hiperlink e cila
<h1 align="left">Detyra5</h1>
<a href="mailto:psedonimi@hotmail.com">Koment</a>
</body>
Keshtu hapet pprogrami outlook
23

qëllim kryesorë është të duket lidhja e faqes me faqe me hiperlink PER FOTO e
cila shihet lart dritares para se të bëhet kodi:
KODI DUHET SHKRAUR KESHTU
<a href="mailto:posedimi@hotmail.com">Koment</a>
<img src="C:\Documents and Settings\All Users\Documents\My
Pictures\Sample Pictures\Sunset.jpg" align="center">
foto</img>
</body>
24

qëllim kryesorë është të duket lidhja e faqes me faqe me hiperlink PREJ NJE
FAQE NE FAQEN TJETER NGA DETYRA PARAPRAKE e cila shihet lart dritares
para se të bëhet kodi:
KODI DUHET SHKRUAR KESHTU
<BODY>
<A HREF="1.HTML"> SHEMBULLI 21 </A>
<A HREF="2.HTML"> SHEMBULLI 22 </A>
</BODY>
25

Ushtrime - Per - HTML - Tik12

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ushtrime - Per - HTML - Tik12

Uploaded by

Copyright:

Available Formats

SHPJEGIM NË HTML

1. RASTI I PARË: Njohuritë themelore apo roli për HTML-në,

2. RASTI I DYTË: Tiparët për HTML-në,

[Type the company name] | Error! No text of specified style in document. 1

Pjesa shtesë e etiketës quajmë ATRIBUTË

 ARTIBUTET E POZICIONIT TEKSTIT (Majtas, Djathtas, Qendër, Lartë, Poshtë)

KODI NË HTML DUHET SHKRUAR KESHTU:

<title> Detyra e pare </title>

KODI NË HTML DUHET SHKRUAR KESHTU:

<p> Emri dhe Mbiemri</p>

3. SHEMBULLI I TRETË: Të krijohet dokumenti në HTML, përmes editorit

<p>emri dhe mbiemri</p>

4. SHEMBULLI I KATËRT: Të krijohet dokumenti në HTML, përmes editorit

<h1>Emri dhe Mbiemri</h1>

5. SHEMBULLI I PESTË: Të krijohet dokumenti në HTML, përmes editorit

<p><font color="blue",font size="7">Nxënësi:<font

<p><font color="blue",font size="7">Klasa:<font

<p><font color="blue",font size="7">Drejtimi:<font

6. SHEMBULLI I GJASHTË: Të krijohet dokumenti në HTML, përmes editorit

<p align="left"><font color="blue",font

<p align="right"><font color="blue",font

<p align="center"><font color="blue",font

8. SHEMBULLI I TETË: Të krijohet dokumenti në HTML, përmes editorit

9. SHEMBULLI Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

10. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

11. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

12. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

<ol type=a start=3>

13. SHEMBULLI: Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

<ol type=A start=3>

14. SHEMBULLI: Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

<ol type=I start=4>

17. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

18. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

19. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

<h1 align="left">Detyra 19</h>

<h4 align="center">Tabela </h4>

<h4 align="center">Tabela </h4>

<table bgcolor=red border="2">

<tr><th bgcolor=green colspan="2">Shenime</th></tr>

<tr><th bgcolor=green>Emri</th><th bgcolor=green>Mbiemri</th><tr>

<tr><td bgcolor=green>Ahmet</td><td bgcolor=green>Murati</td><tr>

22. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

Keshtu hapet pprogrami outlook

23. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

24. SHEMBULLI : Të krijohet dokumenti në HTML, përmes editorit NOTEPAD, ku

<A HREF="1.HTML"> SHEMBULLI 21 </A>

<A HREF="2.HTML"> SHEMBULLI 22 </A>

You might also like