e premte, 23 nëntor 2012

Çka është HTML

HTML (HyperText Makup Language) është një gjuhë programuese e cila përdoret për krijimin e faqeve në Internet. Një faqe e krijuar me këtë gjuhë mund të lexohet me qfardo shfletuesi (Netscape, Internet Explorer) dhe në qfardo platforme (Windows,Macintosh...). Dokumentet e krijuara me HTML janë të përbëra nga disa instrukcione (ang TAGS) të cilat janë të shkruara në mes të shenjave < > p.sh. :
<center>
Shumica e instrukcioneve duhen të përfundohen dhe kjo bëhet duke e përsëritur të njëjtin instrukcion me një vijë të thyer përpara :
<center> Kosova </center>
Miëpo ka edhe shumë instrukcione që nuk kanë nevoj të përfundohen si p.sh. instrukcioni <br>.
Disa instrukcione marrin edhe disa atribute speciale si të cilat e specifizojin instrukcionin. P. sh. instrukcionit font ia kemi dhënë dy atribute , color dhe size. Atributi color ia jep ngjyren e tekstit ndërsa size e tregon madhësin :
<font size=+4 color="#003c32"> Drini </font>
PËRMBAJTJA
Si krijohet një dokument
Një dokument i krijuar me HTML përbërhet nga tri pjesë kryesore : koka (head), titulli (title) dhe trupi (body). P.sh. :
<html> I tregon shfletuesit se fillon një HTML - dokument
<head> Instrukcioni për kokën e dokumentit.
<title> Dokumenti im i parë </title> Titulli i dokumentit.
</head> Përfundon instrulkcionin e kokës.
<body> Instrukcioni i trupit prej ku edhe e shkruani permbajtjen e faqes.
Jam kreanar se jam shqiptar.
</body> E përfundon instrukcionin e trupit.
</html> I tregon shfletuesit se dokumenti mbaron këtu.
Instrukcioni <body> i ka disa atribute :
backgroundNëse e përdorim një fotografi si prapavi.
bgcolorNgjyra e prapavisë.
textNgjyra e tekstit
linkNgjyra e një nyjeve të pa vizituara.
alinkNgjyra e nyjeve aktive.
vlinkNgjyra e nyjeve të vizituara.
Në shembullin më poshtë e kemi caktuar ngjyrën e prapavisë të bardhë, tekstin e zi dhe nyjet e kaltra :
....
<body bgcolor="#ffffff" text="#000000" link="#0000af">
.....
VINI RE ! Kodet e ngjyrave shkruhen me vleftë heksadecimale nga 00 deri ff.
PËRMBAJTJA

Si punohet me tekst
Dallimi në mes përpunuesve të fjalve dhe tekstit të shkruar me HTML është se tabulacionet,hapsirat dhe ndërrimet e rreshtave nuk mirren parasysh në HTML por përkthehen si vetëm një hapsirë.

SHEMBULLI 1

SHEMBULLI 2
....
<body>
E dua
Shqipërinë .
</body>
....

....
<body>
E dua Shqipërinë .
</body>
....
Të dy shembujt e mësipërm japin të njëjtin rezultat, pra i tërë teksti është i shkruar në një rresht.
Për të krijuar ndrrimet e rreshtave atëher i përdorim dy instukcione :
<br> (row break ) e bën ndrrimin e rreshtit
<P> (paragraph ) e len një rresht të thatë mes dy pjesëve.
Nëse ndonjëher na nevojitet të shkruajm një artikull të gjatë dhe nuk kemi kohë që të përdorim shumë instrukcione atëher e përdorim instrukcionin <pre> i cili do të thotë tekst i paradefinuar (predefinered ) pra i tërë teksti paraqitet mu ashtu siq e shkruajm.
Shfletuesi e bënë ndrrimin e rreshtave ashtu siq i përshtatet atij por nëse ne nuk dëdhirojim që kjo të ndodhë atëher e përdorim instrukcionin <nobr> ose e përdorim &nbsp; në vend të hapsirës.
Në HTML mund të përdorim edhe rubrika për të cilat e përdorim instrukconin <h3> (headers ). Rubrikat i kanë gjashtë madhësi ku më e madhja është <h1> dhe më e vogla është <h6>. Gjatë punës me rubrika mund ta përdorim atributin align bashkë me tri vleftat e tij :

leftPjesa shkruhet në anë të majtë
centerPjesa shkruhet në mes
rightPjesa shkruhet në anë të djathtë
Këtë do ta ilustrojim më mirë në shembullin e mëposhtëm :
KODI NË HTML

RESULTATI
....
<body>
<h1 align="left"> Dielli</h1>
<h4 align="center">Dielli</h4>
<h6 align="right">Dielli</h6>
</body>
....


Dielli

Dielli

Dielli
Në ato raste kur dëshirojim me e ndërru fontin e tekstit apo me i dhënë tekstit një ngjyrë tjetër e përdorim instrukcionin <font> së bashku me atributet e tij. Atributet e instrukcionit <font> janë:
face Me ndihmën e këtij atributi e ndërrojim fontin e tekstit. Mirëpo duhet pasur kujdes sepse ndoshta vizitori i faqes yte nuk e ka mu atë font që ti e ke shkruar. Janë 5 fonte që shumica e shfletuesve i njeh : Arial , Courier New , Symbol (Symbol) , Times New Roman dhe Wingdings ( Wingdins).
size E cakton madhësin e tekstit ku madhësia më e madhe është 7 kurse më e vogla është 1 (pra e kundërta si në rubrik). Madhësia e zakonshme është 3. Edhe në fonte, sikurse edhe në rubrika, madhësia është relative ku krejt mvaret nga rregullimet e lexuesit.
color E cakton ngjyren e tekstit. Ngjyrën e përcaktojim me emrin e ngjyrës në gjuhën angleze ose me kodin e saj heksadecimal . P.sh. nëse dëshirojim të shkruajm tekstin e kuq atëher shkruajm color="red" ose color="#AF0000".

Stilet e tekstit janë të përkrahura edhe në HTML. Në tabelën e mëposhtme i gjeni instrukcionet që mund ti përdorni për ta ndryshuar stilin dhe pamjen e tekstit :


STILI

KODI

REZULTATI
KURSIV
<i> Tirana </i>

Tirana
I TRASHË
<b> Berati </b>

Berati
I NËNVIZUAR
<u> Tirana </u>

Gjakova
I TEJVIZUAR
<s> Ulqini </s>

Ulqini
TELEGRAFIK
<tt> Prishtina </tt>

Prishtina
I MADH
<big> Tetova </big>

Tetova
I VOGËL
<small> Durrësi </small>

Durrësi
I NGRITUR
<sup> k + i </sup>

k + i
I ULUR
<sub> ç + m </sub>

ç + m
XIXËLLUES
<blink> Liria </blink>

Liria


Burimi: http://albania.faithweb.com/shkolla_shqiptare/informatike/cfare_eshte_html.htm

6 komente:

  1. shum faleminderit po a me tregoj diqka edhe per px(piksel)se si jan kodet dhe si aplikohen...

    PërgjigjuFshije
    Përgjigjet
    1. Kodi per pixel eshte ky:

      img src="smiley.gif" alt="Smiley face" height="42" width="42"

      pra ne vend te Smiley.gif e vendos foton tende, ndersa tek height e ndyrshon numrin ne lartesin qe deshron ti dhe tek width e cakton gjeresin e fotos.

      KUJDES: tek kodi ti ne fillim ja vendos nje < dhe ne fund e vendos nje > per ta mbyllur kodin sepse nuk postohej ndryshe

      Fshije
    2. kur ta vendos kete kod si munesh mi pozicionu foton psh nalt posht etc..

      Fshije
    3. Kodi per te pozicionuar foton, larte poshte etj eshte ky:

      IMG STYLE="position:absolute; TOP:35px; LEFT:170px; WIDTH:50px; HEIGHT:50px" SRC="RaciNetworks.gif"

      KUJDES: tek kodi ti ne fillim ja vendos nje < dhe ne fund e vendos nje > per ta mbyllur kodin sepse nuk postohej ndryshe

      Fshije
  2. e kjo span , div qka osht edhe script ..

    PërgjigjuFshije
    Përgjigjet
    1. DIV paraqet nje kod ku ne te shkruhet titulli dhe nje pershkrim i shkurter ku i do te shfaqet me ngjyren qe e zgjedh ti.
      SPAN paraqet nje kod ku e shkruajm nje fjali me ngjyre te caktuar, mvaret se cilen ngjyre e zgjedh ti.
      SCRIPT perdoret per te shkruar kode ne Javascript.

      Fshije

Shënim. Vetëm anëtari i blogut mund të postojë komente.