Ushtrimi 1 & 2 HTML. Mr. Sc. Nexhibe Sejfuli

Size: px

Start display at page:

Download "Ushtrimi 1 & 2 HTML. Mr. Sc. Nexhibe Sejfuli"

Terence Fisher
5 years ago
Views:

1 Ushtrimi 1 & 2 HTML

2 Rreth HTML (Hyper Text Markup Language) HTML, i cili qëndron për HyperText Markup Language, është një gjuhë e shënuar që përdoret për të krijuar web faqe. Zhvilluesit e Web-it (Internetit) përdorin HTML tags për të formatuar pjesë të ndryshme të dokumentit. Për shembull, përdorim HTML tags për të specifikuar titujt, paragrafët, listat, tabelat, imazhet edhe shumë më tepër në web faqe..

3 Çfarë na duhet për të krijuar një HTML web faqe? Nuk kemi nevojë për ndonjë pajisje të veçantë ose software për të krijuar një HTML dokument. Në fakt, neve veç i posedojmë të gjitha pajisjet që na nevojiten, edhe atë: Kompjuterin Text ose HTML Editor Si dhe një Web Browser(shfletues,makine kërkuese)/ Internet Explorer ose Firefox Pra, shumica e kompjuterëve veç posedojnë një tekst editor, edhe atë për Windows është aplikacioni Notepad, Pico (për Linux), ose Simpletext/ Text Edit/ Tekst Wrangler (për Macintosh)

4 A duhet të jemi online(të kyçur në rrjet) për të punuar ne Web Faqe? Kuptohet se jo, web faqja mund të dizajnohet/krijohet/realizohet paraprakisht edhe në kompjuterin tonë privat/personal, kurse më vonë për ta publikuar të njejtën athëher duhet ti qasemi Internetit.

5 HTML fillon me..? Kur të krijojm një web faqe zakonisht duhet të ndjekim hapa në vijim: Krijojm një HTML file Shkruajm disa kode në HTML E shikojm rezultatin në shfletues(internet Explorer/Firefox) Përsërisim 2 hapat e fundit (nëse është e nevojshme)

6 Krijojm një HTML file Një HTML file është thjeshtë nje tekst file i ruajtur me prapashtesën.htm ose.html në vend të.txt E hapim tekst editorin që e kemi instaluar neve në kompjuter Dreamweaver apo që veç është paraprakisht i instaluar Notepad. E krijojm një skedar(fajll) të ri nëse nuk është krijuar deri më tani dhe e ruajm të njejtin dokument në lokacion të dëshiruar me emrin p.sh. html_shembuj.html

7 Hyrje Html - Elementi mund të mendohet si një enë në të cilën të gjithë tags at tjerë janë vendosur brenda. Head - Tag u <head> përmban informacion që zakonisht nuk shihet brenda shfletuesit tonë (të tillë janë tag sat meta, JavaScript dhe CSS), edhe pse tag u <title> është një përjashtim për këtë. Title - Përmbajtja e tag ut <title> shfaqet në shiritin e shfletuesit, titullin(në krye të shfletuesit). Body - Tag u <body> është zona kryesore për përmbajtjen tonë. Këtu do të shënohen shumica e kodeve që edhe do të shihen/vërehen ne shfletuesin tonë.

8 Ushtrimi 1(html, head, body, title) <head> <title>titulli</title> </head> <body> Web faqja ime e pare. Dalja: Web faqja ime e pare.

9 Ushtrimi 2(Paragraf) <head> <title>titulli</title> </head> <body> <p>ky eshte paragraf</p> <p>ky eshte paragraf</p> <p>ky eshte paragraf</p>

10 Ushtrimi 3(Headings) <head> <title>titulli</title> </head> <body> <h1>ky eshte titull me madhesi 1</h1> <h2>ky eshte titull me madhesi 2</h2> <h3>ky eshte titull me madhesi 3</h3> <h4>ky eshte titull me madhesi 4</h4> <h5>ky eshte titull me madhesi 5</h5> <h6>ky eshte titull me madhesi 6</h6>

11 Ushtrimi 4(Tagu hr) > horizontal rule <head> <title>titulli</title> </head> <body> <p> hr tagu definon nje vije horizontale</p> <hr /> <p> Paragrafi i pare</p> <hr /> <p> Paragrafi i dyte</p> <hr /> <p> Paragrafi i trete</p>

12 Ushtrimi 5 (Komentet) <head> <title>titulli</title> </head> <body> <p> Paragrafi i pare</p> <p> Paragrafi i dyte</p> <p> Paragrafi i trete</p> <!komenti yne i pare> Komentet nuk shfaqen ne shfelutes

13 Ushtrimi 6 (Align) <body> <h1 align="center">ky titull eshte me madhesi 1</h1>

14 Ushtrimi 7 ( bgcolor) <body bgcolor="pink"> <h2>prapavije me ngjyre roze</h2>

15 Ushtrimi 8 (b, strong, big, i, small ) <body bgcolor="pink"> <b> Ky tekst eshte bold</b> <strong>ky tekst eshte strong</strong> <big>ky tekst eshte big</big> <i>ky tekst eshte Italic</i> <small>ky tekst eshte i vogel</small>

16 Ushtrimi 9 ( br /) ->break <body bgcolor="pink"> <br /> <b> Ky tekst eshte bold</b> <br /> <strong>ky tekst eshte strong</strong> <br /> <big>ky tekst eshte big</big> <br /> <i>ky tekst eshte Italic</i> <br /> <small>ky tekst eshte i vogel</small> <br />

17 Ushtrimi 10 (subscript, superscript) <body bgcolor="pink"> Ky tekst permban <sub>subscript</sub> <br /> Ky tekst permban <sup>superscript</sup>

18 Ushtrimi 11(del, ins) <body bgcolor="pink"> <del> Tekst delete</del> <ins> Tekst ins </ins>

19 Ushtrimi 12 (, <, &, ) <body> <p> Entitetet e karaktereve</p> <p> </p> < &

20 Ushtrimi 13 ( a href) -> anchor <body> <p> <a href=" </p> <p> <a href=" </p>

21 Ushtrimi 16 (img) <body> <p align="center"> <h1 align="center">tavolina</h1> </p> <p align="center"> <img border="0" alt= foto src="tavolina.jpg" width="200" height="200" align="center"> </p>

22 Ushtrimi 17 <body> <h2>kapitulli 1</h2> <p>ky kapitull sqaron </p> <h2>kapitulli 5</h2> <p>ky kapitull sqaron </p> <h2>kapitulli 2</h2> <p>ky kapitull sqaron </p> <h2>kapitulli 3</h2> <p>ky kapitull sqaron </p> <h2>kapitulli 4</h2> <p>ky kapitull sqaron </p>

23 Ushtrimi 18 (underline) <body> <u>tekst i nenvizuar</u>

24 Ushtrimi 19 (center) <body> <center> Cdo gje qe ndodhet mbrenda tagut center, shfaqet ne qender te faqes horizontalisht. <br /> TETOVA </center>

25 Ushtrimi 20 (align= left right center ) <body> <h1 align="right"> Pershendetje <h1>

26 Ushtrimi 21 (color) <body> <font color="red">e kuqe</font> //mund te perdorim edhe atributet face dhe size <br /> <font color="pink">roze</font> <br /> <font color="blue">e kaltert</font> <br /> <font color="green">e gjelbert</font>

27 Ushtrimi 22 (ol) ordered list <body> <h4>nje liste e numeruar</h4> <ol> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ol> li list item

28 Ushtrimi 23 (ul) unordered list <body> <h4>nje liste e numeruar</h4> <ul> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ul>

29 Ushtrimi 24 (A) <body> <h4>nje liste e numeruar</h4> <ol type="a"> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ol>

30 Ushtrimi 25 (I) <body> <h4>nje liste e numeruar</h4> <ol type="i"> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ol>

31 Ushtrimi 26 (circle) <body> <h4>nje liste e numeruar</h4> <ul type="circle"> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ul>

32 Ushtrimi 27(square) <body> <h4>nje liste e numeruar</h4> <ul type="square"> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ul>

33 Ushtrimi 28 (disk) <body> <h4>nje liste e numeruar</h4> <ul type="disk"> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ul>

34 Ushtrimi 29 (start) <body> <h4>nje liste e numeruar</h4> <ol start="15"> <li>kafe</li> <li>caj</li> <li>qumesht</li> <li>leng</li> </ol>

35 Ushtrimi 30 <body> (dl) -definition list (dt) -definition term (dd) -definition description <h4>liste e definuar</h4> <dl> <dt>kafe</dt> <dd>caj</dd> <dt>qumesht</dt> <dd>leng</dd> </dl>

36 Ushtrimi 31 Nested list

37 Ushtrimi 32

38 Ushtrimi 32: rezultati

39 Ushtrimi 33 Shkruani kodin për formën në vazhdim:

40 Ushtrimi 33: zgjidhja

41 Ushtrimi 34

42 Ushtrimi 34: rezultati

43 Ushtrimi 35

44 Ushtrimi 35: kodi

45 Ushtrimi 36

46 Ushtrimi 36: rezultati

Insertimi i Fotografisë në Weebly.com

Insertimi i Fotografisë në Weebly.com Së pari hapeni Web-faqen,www.weebly.com si më poshtë: Hapi 2. Klikoni me tstin e majtë në Sign in.. Këtu shënoni E-mail adresën të cilën e keni regjistruar në Weebly.