You are on page 1of 12

Çfarë është HTML?

•HTML është gjuha standarde e strukturës dhe përmbajtjes së një faqjIe HTML.

•HTML do të thotë - Hyper Text Markup Language

•Elementet HTML janë etiketat që shërbejnë për krijimin e web faqeve HTML

•Etiketat HTML përfajsoin përmbajtjejn e strukturës , si përshembull: "imazhe", "tituj ose paragrafe", "tabela" etj.

•Shfletuesit nuk shfaqin etiketat HTML, por i përdorin ato për të shfaqur përmbajtjen e web faqes
Shembull i një strukture të thjeshtë
HTML

<!DOCTYPE html> <!DOCTYPE html> Ky element përcakton që ky dokument është HTML


<html>
<html> Kjo etiket është elementi bazë për hapjen dhe mbylljen e një faqje html

<head> Kjo etiket përmban informacion meta në lidhje me dokumentin


<head>
<title> Titulli i faqes </title> <title> Kjo etiket specifikon një titull për dokumentin
</head>
<body> Kjo etiket përmban përmbajtjen e dukshme të faqes HTML

<body> <h1> Kjo etiket përcakton një titull të madh

<p> Kjo etiketë përcakton një paragraf


<h1> Ky është një titull në faqe </h1>
<p> Ky është një paragraf. </p>
</body>

</html>
Etiketa HTML

Etiketat HTML janë emrat e elementeve të rrethuara nga shenjat (më e vogel se) < dhe > (më e madhe se) - < >

Etiketat HTML janë çift si p.sh: <p> ​dhe </ p>

Etiketa e parë në një çift është etiketa e fillimit, etiketa e dytë është etiketa e fundit

Etiketa e fundit është shkruar si etiketa e fillimit, por me një shenjë / që vihet përpara emrit të etiketës

Etiketa fillestare quhet gjithashtu etiketa e hapjes dhe etiketa përfundimtare etiketa mbyllëse .
Shfletuesit e Web
Qëllimi i një shfletuesi web (Chrome, Firefox, Safari) është të lexojnë dokumentet HTML dhe t'i shfaqë ato.
Shfletuesi nuk shfaqin etiketat HTML, por i përdorin ato për të përcaktuar se si do të shfaqet dokumenti:
Shkruani HTML duke përdorur Notepad ose TextEdit
Faqet e internetit mund të krijohen dhe modifikohen duke përdorur redaktorët profesionalë për HTML.

Hapi 1 Hapni Notepad (PC) ose TextEdit (Mac)


Hapi 2 : Shkruani një kod HTML

ose kopjoni Shëmbullin e më poshtëm në Notepad ose TextEdit (Mac).

<!DOCTYPE html>
<html>
<head>
<title>Titulli i faqes</title>
</head>
<body>

<h1>Ky është një titull në faqe</h1>


<p>Ky është një paragraf.</p>

</body>
</html>
l
1) Titujt e HTML në faqe.

Titujt HTML në faqe ( në “<body>” ,pra tituj që shfaqen në shfletuesit Web ) shënohen me etiketën <h1> deri në <h6>,
ku <h1> është madhësia më e madhe e shkrimit ndërsa <h6> është madhësia më e vogël e shkrimit .

Pra kemi : <h1> <h2> <h3> <h4> <h5> <h6> që janë etiketa hapëse dhe </h1> </h2> </h3> </h4> </h5> </h6> që
janë etiketa mbyllëse.

Shembull, si shkruhen tituj HTML në faqe.

<h1> Ky është një titull në faqe 1 </h1>

<h2> Ky është një titull në faqe 2 </h2>

<h3> Ky është një titull në faqe 3 </h3>


Paragrafët HTML

Paragrafët HTML shënohen me etiketën <p> ., ku <p> është etiketa hapëse dhe </p> është etiketa mbyllëse.

Shembull, si shkruhen paragrafët HTML

<p> Ky është një paragraf. </p>

<p> Ky është një paragraf tjetër. </p>


Lidhjet (link) HTML

Lidhjet (link) HTML shënohen me etiketën <a>, ku <a> është etiketa hapëse dhe </a> është etiketa mbyllëse.

Që etiketa <a> të përmbaj një link duhet që në brendësi të etiketës hapse pas shkrimit a të vendosim href="" ( href është
shtojce HTML që pëcakton burimin dalës tek një faqe pasardhëse ose një dokument , pra kur shënojmë href="" vendoslim në
mes të thonjzave një lidhje (link, url) që mund të jetë një faqe pasardhëse ose një dokument.
Më pas ndërmjet dy etiketave <a> dhe </a> vendosim një shkrim që linku të jetë i dukshëm në faqe.

Shembull, si shkruhen lidhjet (link) HTML

<a href="https://www.laboratori.al">Kjo është një Lidhje (link)</a>


Imazhet HTML

Imazhet HTML shënohen me etiketën <img> . ku <img> është etiketa hapëse dhe </img> është etiketa mbyllëse.

Që etiketa <img> të shfaq një imazh duhet që në brendësi të etiketës hapse pas shkrimit img të vendosim src="” (src
është shtojc në html që pëcakton burimin hyrës , pra kur shënojmë src="” vendoslim në mes të thonjzave një lidhje
(link, url) që në këtë rast përmban një imazh )

Shembull, si shkruhen etiketat për të shfaqur imazhe në HTML .

<img src="Laboratori/imazh.jpg" > </img>


Më poshtë është një listë alfabetike e disa Shtojcave që përdoren shpesh në HTML:

alt : Specifikon një tekst alternativ për një imazh, kur imazhi nuk mund të shfaqet

disabled : Specifikon që një element i hyrjes duhet të çaktivizohet

href : Specifikon URL (adresa web) për një lidhje (link)

id : Specifikon një id unik për një element

src : Specifikon URL (adresa e internetit) për një imazh

style : Specifikon një stil në rreshta CSS për një element

title : Specifikon informacion shtesë për një element (shfaqet si një mjet )

You might also like