HTML Mësimi 4: Listat edhe disa terma Formatimi
Ky është mësimi i katërt i serisë së tutorialeve në HTML. Gjithashtu ju kujtoj ti hidhni një sy tutorialeve të mëparshme:</p>
HTML – Prezantimi
XHTML – Prezantimi
Formatime të ndryshme
Tani do të vazhdojmë me disa përkufizime të formatimit që nuk janë shpjeguar në mësimin e tretë:</p>
- Quote</p>
Quotet ose citimet nëse mund ti quajmë kështu në Shqip janë të ndara në dy grupe. Kemi BlockQuote edhe Quote të thjeshtë. Për quote të thjeshtë <q> kemi folur në mësimin e tretë kështu që nuk do të ndalem ta shpjegoj sërisht. Ajo që dua të flas është <blockquote>.</p>
Blockquote është një container edhe përmban tekst brënda në vetvete. Kjo përdoret zakonisht kur duam të evidencojmë një fjali apo rrjesht duke e zhvendosur nga bordurat e shfletuesit tonë. Një shembull kodi mund ta shihni këtu.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Formatimi
</title>
</head>
<body>
<p> Ky eshte nje text i thjeshte.</p>
<blockquote> Ky eshte nje paragraf i cili perdor blockquote. Paragrafi normalisht duhet te jete zhvendosur nga te dyja anet.
kjo menyre sherben zakonisht per te evidencuar dicka qe doni te tregoni. Gjithashtu mos harroni qe te perdorni Lorem Ipsum
Generator per te gjeneruar text e mos te lodheni duke shkruajtur si jam une duke shkruajtur tani
</blockquote>
<p> Ky eshte nje tjeter text i thjeshte qe na lejon te shikojme diferenzen. </p>
</body>
</html>
Nëse doni ta shihni si duket në shfletues Klikoni Këtu.</p>
- Pre Tag</p>
Në mësimin e tretë treguam që WhiteSpace ose hapësirat që ne përdorim brënda një paragrafi nuk merren parasysh nga shfletuesi yne edhe ato injorohen nëse janë më shumë se një. Por ka edhe një mënyrë tjetër e cila na lejon që të shohim në shfletues pikërisht atë që shkruajmë në texteditorin tonë. Në këtë rast në vend të tagut <p> që përdorim, e zëvendësojmë me tagun <pre>. Ky tag normalisht përdoret kur ne duam të shkruajmë një poezi edhe duam ta ndajmë tekstin pikërisht sikur edhe e shohim në editor. Më poshtë keni një shembull të përdorimit të tagut.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Pre Tag
</title>
</head>
<body>
<pre>
Ky eshte nje text i thjeshte
ku mundohem te shkruaj nje poezi
por duke qe se sjam poet
po bej vetem nje shembull
ehehehe FUND
</pre>
</body>
</html>
Nëse doni të shikoni një shembull live Klikoni Këtu.</p>
- Font Tag</p>
Font tag është një tag i cili përdoret zakonisht brënda paragrafeve për të formatuar fjalë apo fjali të caktuara. Font tag përdoret në këtë mënyrë <font>teksti</fonti>.</p>
POR font tag nuk mund të përdoret pa atribute, kështu që po ju tregoj edhe disa nga atributet më të rëndësishme të tij.</p>
face=”arial” – atributi face tregon llojin e fontit që duhet të shfaqet ai tekst që ne duam. Zakonisht tek atributi face rrin më shumë se 1 font. Kjo bëhet për të shmangur mungesën e fonteve në pc.
Le të marrim një shembull konkret: <font face=”arial, sans-serif, helvetica”> Texti </font></p>
Në këtë rast do të provohet që teksti të shfaqet në Arial, nëse ky font nuk gjëndet në Pc-në tuaj, atëher do provohet të vendoset Sans-Serif e kështu me radhë. Në këtë atribut është mirë që të përdorni fonte universale që gjënden në pc.</p>
size=”3″ – size përcakton madhësine e tekstit. Numri 3 për size është ai default kurse duke u rritur vlera rritet edhe madhësia e fontit.
Ka dy mënyra të ndryshme për të paraqitur madhësinë e fonteve. Njëra është mënyra abosule, dmth kjo që ne përdorim duke vendosur saktësisht madhësinë e font. Mënyra tjetër është mënyra relative. Relative dmth në varësi të të default font që përdorim në faqen tonë. Madhësitë relative përdoren me +numër ose -numër. Psh nëse duam një font më të madh se ai që kemi përdorim size=”+1″.</p>
Këshillohet që të përdoret mënyra relative kur ndërtoni faqen, kështu shmangni edhe problemet që keni me shfletues të ndryshëm që i interpretojnë ndryshë këto madhësi. Një shembull të një kodi HTML e shihni më poshtë:</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Font
</title>
</head>
<body>
<p> Ky eshte nje text i formatuar. <font face="sans-serif" size="5">Ky text eshte ndryshme</font>
<font face="helvetica" size="-2"> Edhe ky tjetri eshte ndryshme </font>
</p>
</body>
</html>
Nëse doni të shikoni si shfaqet në shfletues ky kod Klikoni Këtu.</p>
- Listat</p>
Listat janë një nga elementët më të përdorur në HTML. Ato shërbejnë për të listuar atë që duam edhe për të vendosur pak rregull në shkrimin e artikullit. Gjithsej kemi tre lloje të ndryshme listash:</p>
Lista të rënditura (orderet list)
Lista të parënditura (unorderet list)
Lista të deficioneve (definition list)
Le të nisim me shpjegimin e seciles prej tyre.</p>
- Lista të rënditura</p>
Listat e rënditura janë listat në të cilën elementët e saj janë të rënditur sipas një numri të caktuar nga më i vogli tek më i madhi. Taget e hapjse së listave janë të ndryshëm nga lloji i listës, por vendosja e elementëve me tagët përkatës është gjithmonë e njëjtë. Le të marrim një shembull të një liste:</p>
<ol>
<li> Elementi i pare </li>
<li> Elementi i dyte </li>
<ol>
Si e shihni edhe vet tagu <ol> përcakton që kemi të bëjmë me një Ordered list. Më pas taget e paraqitjeve të elementëve përcaktojnë rënditjen e tyre. <li> është e njëjtë si për listat e radhitura si për ato të paradhitura.</p>
Listat e rënditura i kemi të tipave të ndryshëm e ajo përcaktohet duke vendosur atributin type=”tipi” brënda deklarimit të listës. Atributet e mundëshëm janë:</p>
upper-roman : lista shfaqet me shkronja romake të mëdha
lower-roman : lista shfaqet me shkronja romake të vogla
upper-alpha : lista shfaqet me shkronjat e alfabetit të mëdha
lower-alpha : lista shfaqet me shkronjat e alfabetit të vogla
number : lista shfaqet me numra e kjo është edhe në default
Nëse duam të përdorim shkurtime për numrat romak atëher përdorim I edhe i, kurse për alfabetin përdoim A edhe a.</p>
Më poshtë keni një kod për këto lloj listash.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Liste me numra
<ol type="number">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me shkronja romake te medha
<ol type="I">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me shkronja romake te vogla
<ol type="i">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me alfabet me shkronaj te medha
<ol type="A">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me alfabet me shkronja te vogla
<ol type="a">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
</body>
</html>
Nëse doni të shikoni kodin në shfletues Klikoni Këtu.</p>
- Listat e parënditura</p>
Listat e parënditura funksionojnë pothuajse njësoj si listat e rënditura por në fillim nuk përdorin <ol> por <ul>. Edhe këto lista kanë atributet e tyre për mënyrën e paraqitjes. Gjithasej kemi tre atribute të ndryshme:</p>
disc – rreth i mbushur edhe ky është në defaul
circle – rreth i pambushur
square – katror
Më poshtë po japim një shembull të këtyre listave edhe se si paraqiten në shfletues.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Liste me katror
<ul type="square">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
<p> Liste me rreth te mbushur
<ul type="disc">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
<p> Liste me rreth te pambushur
<ul type="circle">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
</body>
</html>
Që të shikoni se si shfaqen në shfletues atëher Klikoni Këtu.</p>
- Lista e definicioneve</p>
Këto lloj listash janë rradh të përdorura edhe shërbejnë për definimicionet e ndryshme.</p>
Ndryshe nga listat e mësiperme këto lloj listash kanë 3 elementë në ndërtimin e tyre.</p>
Le të marrim një shembull e ta shohim më mirë.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Liste me definicione
<dl>
<dt> SEO </dt>
<dd> Search Engine Optimisation</dd>
<dt> R.SH </dt>
<dd> Republika e Shqiperise </dd>
</dl>
</p>
</body>
</html>
Nëse doni të shihni si shfaqen në shfletues Klikoni Këtu.</p>
Si e shihni edhe vetë këto lista hapen me tagun <dl> (definition list) e vazhdojnë me tagun <dt> (definition term) që është termi që ne duam të shpjegojmë edhe mbarojnë me <dd> që është shpjegimi i atij termi.</p>
- Nested List</p>
Lista mund të ndërtohen edhe brënda njëra tjetrës. Një rast të tillë po e shkruaj më poshtë që të kuptoni më shumë</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Nested List
<ul type="square">
<li>Elementi pare</li>
<ol>
<li> Nenelementi i pare </li>
<li> Nenelementi i dyte </li>
</ol>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
</body>
</html>
Që të shikoni se si shfaqet në shfletues Klikoni Këtu.</p>
Doni të testoni njohuritë e marra në këtë mësim? Atëher provoni të bëni Quizin tonë:</p>
<p style="text-align: center;">
</p>
HTML Mësimi 4: Listat edhe disa terma Formatimi është një postim nga: Feniksi.Com - Thesari i Njohurive</p>
Per me shume artikuj te ngjashem vizitoni: http://www.feniksi.com/?p=489
Ky është mësimi i katërt i serisë së tutorialeve në HTML. Gjithashtu ju kujtoj ti hidhni një sy tutorialeve të mëparshme:</p>
HTML – Prezantimi
XHTML – Prezantimi
Formatime të ndryshme
Tani do të vazhdojmë me disa përkufizime të formatimit që nuk janë shpjeguar në mësimin e tretë:</p>
- Quote</p>
Quotet ose citimet nëse mund ti quajmë kështu në Shqip janë të ndara në dy grupe. Kemi BlockQuote edhe Quote të thjeshtë. Për quote të thjeshtë <q> kemi folur në mësimin e tretë kështu që nuk do të ndalem ta shpjegoj sërisht. Ajo që dua të flas është <blockquote>.</p>
Blockquote është një container edhe përmban tekst brënda në vetvete. Kjo përdoret zakonisht kur duam të evidencojmë një fjali apo rrjesht duke e zhvendosur nga bordurat e shfletuesit tonë. Një shembull kodi mund ta shihni këtu.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Formatimi
</title>
</head>
<body>
<p> Ky eshte nje text i thjeshte.</p>
<blockquote> Ky eshte nje paragraf i cili perdor blockquote. Paragrafi normalisht duhet te jete zhvendosur nga te dyja anet.
kjo menyre sherben zakonisht per te evidencuar dicka qe doni te tregoni. Gjithashtu mos harroni qe te perdorni Lorem Ipsum
Generator per te gjeneruar text e mos te lodheni duke shkruajtur si jam une duke shkruajtur tani
</blockquote>
<p> Ky eshte nje tjeter text i thjeshte qe na lejon te shikojme diferenzen. </p>
</body>
</html>
Nëse doni ta shihni si duket në shfletues Klikoni Këtu.</p>
- Pre Tag</p>
Në mësimin e tretë treguam që WhiteSpace ose hapësirat që ne përdorim brënda një paragrafi nuk merren parasysh nga shfletuesi yne edhe ato injorohen nëse janë më shumë se një. Por ka edhe një mënyrë tjetër e cila na lejon që të shohim në shfletues pikërisht atë që shkruajmë në texteditorin tonë. Në këtë rast në vend të tagut <p> që përdorim, e zëvendësojmë me tagun <pre>. Ky tag normalisht përdoret kur ne duam të shkruajmë një poezi edhe duam ta ndajmë tekstin pikërisht sikur edhe e shohim në editor. Më poshtë keni një shembull të përdorimit të tagut.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Pre Tag
</title>
</head>
<body>
<pre>
Ky eshte nje text i thjeshte
ku mundohem te shkruaj nje poezi
por duke qe se sjam poet
po bej vetem nje shembull
ehehehe FUND
</pre>
</body>
</html>
Nëse doni të shikoni një shembull live Klikoni Këtu.</p>
- Font Tag</p>
Font tag është një tag i cili përdoret zakonisht brënda paragrafeve për të formatuar fjalë apo fjali të caktuara. Font tag përdoret në këtë mënyrë <font>teksti</fonti>.</p>
POR font tag nuk mund të përdoret pa atribute, kështu që po ju tregoj edhe disa nga atributet më të rëndësishme të tij.</p>
face=”arial” – atributi face tregon llojin e fontit që duhet të shfaqet ai tekst që ne duam. Zakonisht tek atributi face rrin më shumë se 1 font. Kjo bëhet për të shmangur mungesën e fonteve në pc.
Le të marrim një shembull konkret: <font face=”arial, sans-serif, helvetica”> Texti </font></p>
Në këtë rast do të provohet që teksti të shfaqet në Arial, nëse ky font nuk gjëndet në Pc-në tuaj, atëher do provohet të vendoset Sans-Serif e kështu me radhë. Në këtë atribut është mirë që të përdorni fonte universale që gjënden në pc.</p>
size=”3″ – size përcakton madhësine e tekstit. Numri 3 për size është ai default kurse duke u rritur vlera rritet edhe madhësia e fontit.
Ka dy mënyra të ndryshme për të paraqitur madhësinë e fonteve. Njëra është mënyra abosule, dmth kjo që ne përdorim duke vendosur saktësisht madhësinë e font. Mënyra tjetër është mënyra relative. Relative dmth në varësi të të default font që përdorim në faqen tonë. Madhësitë relative përdoren me +numër ose -numër. Psh nëse duam një font më të madh se ai që kemi përdorim size=”+1″.</p>
Këshillohet që të përdoret mënyra relative kur ndërtoni faqen, kështu shmangni edhe problemet që keni me shfletues të ndryshëm që i interpretojnë ndryshë këto madhësi. Një shembull të një kodi HTML e shihni më poshtë:</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Font
</title>
</head>
<body>
<p> Ky eshte nje text i formatuar. <font face="sans-serif" size="5">Ky text eshte ndryshme</font>
<font face="helvetica" size="-2"> Edhe ky tjetri eshte ndryshme </font>
</p>
</body>
</html>
Nëse doni të shikoni si shfaqet në shfletues ky kod Klikoni Këtu.</p>
- Listat</p>
Listat janë një nga elementët më të përdorur në HTML. Ato shërbejnë për të listuar atë që duam edhe për të vendosur pak rregull në shkrimin e artikullit. Gjithsej kemi tre lloje të ndryshme listash:</p>
Lista të rënditura (orderet list)
Lista të parënditura (unorderet list)
Lista të deficioneve (definition list)
Le të nisim me shpjegimin e seciles prej tyre.</p>
- Lista të rënditura</p>
Listat e rënditura janë listat në të cilën elementët e saj janë të rënditur sipas një numri të caktuar nga më i vogli tek më i madhi. Taget e hapjse së listave janë të ndryshëm nga lloji i listës, por vendosja e elementëve me tagët përkatës është gjithmonë e njëjtë. Le të marrim një shembull të një liste:</p>
<ol>
<li> Elementi i pare </li>
<li> Elementi i dyte </li>
<ol>
Si e shihni edhe vet tagu <ol> përcakton që kemi të bëjmë me një Ordered list. Më pas taget e paraqitjeve të elementëve përcaktojnë rënditjen e tyre. <li> është e njëjtë si për listat e radhitura si për ato të paradhitura.</p>
Listat e rënditura i kemi të tipave të ndryshëm e ajo përcaktohet duke vendosur atributin type=”tipi” brënda deklarimit të listës. Atributet e mundëshëm janë:</p>
upper-roman : lista shfaqet me shkronja romake të mëdha
lower-roman : lista shfaqet me shkronja romake të vogla
upper-alpha : lista shfaqet me shkronjat e alfabetit të mëdha
lower-alpha : lista shfaqet me shkronjat e alfabetit të vogla
number : lista shfaqet me numra e kjo është edhe në default
Nëse duam të përdorim shkurtime për numrat romak atëher përdorim I edhe i, kurse për alfabetin përdoim A edhe a.</p>
Më poshtë keni një kod për këto lloj listash.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Liste me numra
<ol type="number">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me shkronja romake te medha
<ol type="I">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me shkronja romake te vogla
<ol type="i">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me alfabet me shkronaj te medha
<ol type="A">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
<p> Liste me alfabet me shkronja te vogla
<ol type="a">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ol>
</p>
</body>
</html>
Nëse doni të shikoni kodin në shfletues Klikoni Këtu.</p>
- Listat e parënditura</p>
Listat e parënditura funksionojnë pothuajse njësoj si listat e rënditura por në fillim nuk përdorin <ol> por <ul>. Edhe këto lista kanë atributet e tyre për mënyrën e paraqitjes. Gjithasej kemi tre atribute të ndryshme:</p>
disc – rreth i mbushur edhe ky është në defaul
circle – rreth i pambushur
square – katror
Më poshtë po japim një shembull të këtyre listave edhe se si paraqiten në shfletues.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Liste me katror
<ul type="square">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
<p> Liste me rreth te mbushur
<ul type="disc">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
<p> Liste me rreth te pambushur
<ul type="circle">
<li>Elementi pare</li>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
</body>
</html>
Që të shikoni se si shfaqen në shfletues atëher Klikoni Këtu.</p>
- Lista e definicioneve</p>
Këto lloj listash janë rradh të përdorura edhe shërbejnë për definimicionet e ndryshme.</p>
Ndryshe nga listat e mësiperme këto lloj listash kanë 3 elementë në ndërtimin e tyre.</p>
Le të marrim një shembull e ta shohim më mirë.</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Liste me definicione
<dl>
<dt> SEO </dt>
<dd> Search Engine Optimisation</dd>
<dt> R.SH </dt>
<dd> Republika e Shqiperise </dd>
</dl>
</p>
</body>
</html>
Nëse doni të shihni si shfaqen në shfletues Klikoni Këtu.</p>
Si e shihni edhe vetë këto lista hapen me tagun <dl> (definition list) e vazhdojnë me tagun <dt> (definition term) që është termi që ne duam të shpjegojmë edhe mbarojnë me <dd> që është shpjegimi i atij termi.</p>
- Nested List</p>
Lista mund të ndërtohen edhe brënda njëra tjetrës. Një rast të tillë po e shkruaj më poshtë që të kuptoni më shumë</p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Listat
</title>
</head>
<body>
<p> Nested List
<ul type="square">
<li>Elementi pare</li>
<ol>
<li> Nenelementi i pare </li>
<li> Nenelementi i dyte </li>
</ol>
<li>Elementi dyte</li>
<li>Elementi tret</li>
<li>Elementi Katert</li>
</ul>
</p>
</body>
</html>
Që të shikoni se si shfaqet në shfletues Klikoni Këtu.</p>
Doni të testoni njohuritë e marra në këtë mësim? Atëher provoni të bëni Quizin tonë:</p>
<p style="text-align: center;">
HTML Mësimi 4: Listat edhe disa terma Formatimi është një postim nga: Feniksi.Com - Thesari i Njohurive</p>
Per me shume artikuj te ngjashem vizitoni: http://www.feniksi.com/?p=489