This is a paragraph. It is editable. Try to change this text.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Krye titulli

Paragrafi

 

  • Deklarata <!DOCTYPE html> përcakton që ky dokument të jetë HTML5
  • Elementi <html> është elementi rrënjësor i një faqe HTML
  • Elementi <head> përmban informacione meta në lidhje me dokumentin
  • Elementi <title> specifikon një titull për dokumentin
  • Elementi <body> përmban përmbajtjen e faqes së dukshme
  • Elementi <h1> përcakton një titull të madh
  • Elementi <p> përcakton një paragraf

 

Etiketa HTML

Etiketat HTML janë emrat e elementeve të rrethuar me kllapa këndi:

përmbajtja <tagname> shkon këtu ... </tagname>

  • Etiketat HTML zakonisht vijnë në çifte si <p> dhe </p>
  • Etiketa e parë është etiketa e fillimit  ( opening tag ), etiketa e dytë është etiketa e fundit, ( closing tag )
  • Etiketa përfundimtare është shkruar si etiketa e fillimit, por me një slash përpara  emrit të etiketës

Shfletuesit e Uebit

Qëllimi i një shfletuesi në internet (Chrome, Edge, Firefox, Safari) është të lexojë dokumentet HTML dhe t'i shfaq ato.

Shfletuesi nuk shfaq etiketat HTML, por i përdor ato për të përcaktuar se si të shfaqet dokumenti:

 

Struktura e faqes HTML

Më poshtë është një vizualizim i një strukture të faqeve HTML:

<Html>
<Head>
<title> Titulli i faqes </title>
</ Head>
<Body>
<h1> Ky është një titull </h1>
<p> Ky është një paragraf. </p>
<p> Ky është një paragraf tjetër. </p>
</ Body>
</ Html>

Shënim: Vetëm përmbajtja brenda seksionit <body> (zona e bardhë më lart) shfaqet në një shfletues.

 

Deklarata <! DOCTYPE>

Deklarata <!DOCTYPE> përfaqëson llojin e dokumentit dhe ndihmon shfletuesit të shfaqin saktë faqet e internetit.

Ai duhet të shfaqet vetëm një herë, në krye të faqes (përpara çdo etiketat HTML).

Deklarata <!DOCTYPE> nuk është e rëndësishme.

Deklarata <!DOCTYPE> për HTML5 është:

<!DOCTYPE html>
 

Shkruaj HTML duke përdorur Notepad ose TextEdit

Faqet në internet mund të krijohen dhe modifikohen duke përdorur redaktorë profesionistë HTML.

Sidoqoftë, për të mësuar HTML ne rekomandojmë një redaktues të thjeshtë tekstesh si Notepad (PC) ose TextEdit (Mac).

Përdorimi i një redaktori të thjeshtë të tekstit është një mënyrë e mirë për të mësuar HTML.

Ndiqni hapat më poshtë për të krijuar faqen tuaj të parë në internet me Notepad (PC).

Hapi 1: Hapim Notepad (PC)

Hapni Start > Programs > Accessories > Notepad

Hapi 2: Shkruani disa HTML

Shkruaj ose kopjoni disa HTML në Notepad.

https://www.w3schools.com/html/img_notepad.png

Hapi 3: Ruani faqen HTML

Ruani skedarin në kompjuterin tuaj. Zgjidhni File > Save as në menunë Notepad.

Emërtoni skedarin "index.htm" dhe vendosni kodimin në UTF-8 (që është kodimi i preferuar për skedarët HTML).

Ju mund të përdorni ose .htm ose .html si shtesë skedari. Nuk ka asnjë ndryshim, varet nga ju.

Hapi 4: Shikoni faqen HTML në Shfletuesin tuaj

Hapni skedarin e ruajtur HTML në shfletuesin tuaj të preferuar (klikoni dy herë në skedar, ose klikoni me të djathtën - dhe zgjidhni "Open with").

Rezultati do të duket shumë si ky:

 

Redaktori Online W3Schools

Me redaktorin falas online, ju mund të ndryshoni kodin HTML dhe të shikoni rezultatin në shfletuesin tuaj.

Ky është mjeti i përsosur kur doni të provoni shpejt kodin. Ai gjithashtu ka kodim ngjyrash dhe aftësi për të ruajtur dhe shpërndarë kod me të tjerët:

Provoje veten

Kalo ne shembuj themelor HTML