HTML qëndron për Hypertext Markup Language (Gjuhë Shënimi Hiperteksti) . Është një gjuhë e veçantë që përdoret për të ndërtuar faqe interneti. Kur vizitoni një faqe interneti, kompjuteri lexon HTML për t'ju treguar fjalët, fotografitë dhe lidhjet. Mendoni për HTML si blloqet ndërtuese të një faqeje interneti. Ashtu siç përdorni copa Lego për të ndërtuar një shtëpi ose një makinë, ne përdorim etiketa HTML për të ndërtuar një faqe interneti.
HTML është kodi që i tregon një kompjuteri se si të shfaqë tekst, imazhe, video dhe lidhje në një faqe interneti. Është si t'i japësh udhëzime një shoku që po vizaton një figurë për ty. HTML përdor fjalë brenda kllapave këndore, të cilat quhen etiketa , për të shënuar fillimin dhe fundin e një pjese të faqes së internetit.
Çdo faqe interneti që vizitoni përdor HTML në një farë mënyre. Pa HTML, nuk do të kishte faqe interneti që mund të shihnit. HTML ndihmon në organizimin e përmbajtjes dhe i tregon kompjuterit se si ta shfaqë faqen. Është gjëja e parë që mësohet në zhvillimin e uebit sepse e bën internetin të funksionojë!
Një dokument HTML ka një strukturë të veçantë. Ai fillon me një deklaratë të quajtur <code><!DOCTYPE html></code> që i tregon kompjuterit se faqja përdor HTML. Pastaj dokumenti ndahet në dy pjesë kryesore: koka dhe trupi.
Një dokument HTML shumë i thjeshtë duket kështu:
<kod><!DOCTYPE html>
<html>
<kreu>
<title>Faqja ime e parë në internet</title>
</head>
<trupi>
<p>Përshëndetje, botë!</p>
</body>
</html> </code>
Në këtë shembull, seksioni <head> jep titullin e faqes, dhe seksioni <body> është vendi ku vendosni përmbajtjen që shfaqet në ekran.
HTML përdor etiketa për të shënuar pjesë të ndryshme të faqes së internetit. Një etiketë është një fjalë brenda kllapave këndore. Për shembull, <code><p></code> i tregon kompjuterit se ajo që vjen më pas është një paragraf. Kur e përfundoni paragrafin, përdorni etiketën mbyllëse, <code></p></code>, për të treguar fundin.
Një element në HTML përbëhet nga një etiketë hapëse, një përmbajtje dhe një etiketë mbyllëse. Për shembull:
<code><p>Ky është një paragraf.</p></code>
Çdo etiketë i jep udhëzime shfletuesit të internetit se si ta shfaqë përmbajtjen.
Ka shumë etiketa në HTML. Disa nga më të zakonshmet janë:
Atributet ofrojnë informacion shtesë rreth një elementi HTML. Ato shtohen në etiketën hapëse brenda kllapave këndore të etiketës. Atributet më të zakonshme janë src dhe alt që përdoren me etiketën e imazhit.
Për shembull, për të shtuar një imazh, mund të shkruani:
<code><img src="picture.jpg" alt="Një fotografi e bukur"></code>
Këtu, src i tregon shfletuesit se ku ndodhet skedari i imazhit, dhe alt ofron një përshkrim të imazhit nëse nuk mund të shfaqet.
Dokumenti HTML është i ndarë në dy pjesë:
Lidhjet ju lejojnë të kaloni nga një faqe në tjetrën. Në HTML, ne krijojmë lidhje duke përdorur etiketën <a> . Atributi href brenda etiketës i tregon shfletuesit destinacionin e lidhjes.
Për shembull:
<code><a href="https://www.example.com">Vizitoni Example.com</a></code>
Kur klikoni në këtë lidhje, shfletuesi juaj do të hapë faqen e internetit example.com .
Imazhet i japin shkëlqim një faqeje interneti dhe e bëjnë atë më interesante. Për të shtuar një imazh, përdorni etiketën <img> . Mos harroni, etiketa <img> nuk ka një etiketë mbyllëse.
Ja se si të shtoni një imazh:
<code><img src="luledielli.jpg" alt="Një luledielli e ndritshme"></code>
Ky kod i tregon shfletuesit të shfaqë një imazh të një luledielli. Atributi src tregon vendndodhjen e imazhit, dhe atributi alt ofron një përshkrim të imazhit.
Listat organizojnë informacionin në një format të qartë. Ekzistojnë dy lloje kryesore listash në HTML:
Ja një shembull i një liste të parenditur:
<kod><ul>
<li>Apple</li>
<li>Banane</li>
<li>Qershi</li>
</ul> </code>
Dhe ja një shembull i një liste të renditur:
<kod><ol>
<li>Së pari</li>
<li>Së dyti</li>
<li>E treta</li>
</ol> </code>
Tabelat ndihmojnë në shfaqjen e informacionit në rreshta dhe kolona. Ato janë të dobishme kur duhet të krahasoni të dhëna ose artikuj të listës në një rrjetë.
Ja një shembull i thjeshtë i një tabele HTML:
<code><table border="1">
<tr>
<th>Emri</th>
Mosha
</tr>
<tr>
<td>Alice</td>
<td>10</td>
</tr>
</table> </code>
Në këtë tabelë, <tr> përcakton një rresht të tabelës, <th> përdoret për kokën e tabelës (tekst i trashë) dhe <td> përdoret për të dhënat e tabelës (qelizat).
HTML gjithashtu ju lejon të shtoni multimedia si tinguj dhe video. Me etiketën <audio> , mund të përfshini skedarë zanorë. Me etiketën <video> , mund të integroni programe luajtëse videosh në faqen tuaj të internetit.
Ja një shembull i një kodi të ngulitur në video:
<code><video width="320" height="240" kontrolle>
<source src="movie.mp4" type="video/mp4">
</video> </code>
Ky kod krijon një program për luajtjen e videove me butona për të luajtur, ndaluar ose ndryshuar volumin. Atributi i kontrolleve i tregon shfletuesit t'i shfaqë këto butona.
Çdo faqe interneti në internet është ndërtuar me HTML. Imagjinoni sikur po vizitoni faqen e internetit të shkollës suaj, një faqe lojërash argëtuese ose po lexoni një histori online. HTML punon prapa skenave për të rregulluar tekstin, fotografitë dhe përmbajtjen tjetër në mënyrë që t'i shihni qartë.
Për shembull, kur shihni një fotografi të personazhit tuaj të preferuar vizatimor në internet ose klikoni një lidhje për të lexuar më shumë rreth një teme argëtuese, HTML është aty për ta bërë këtë të funksionojë.
Le të shohim një projekt të thjeshtë. Imagjinoni që doni të krijoni një faqe të vogël interneti për kafshën tuaj të preferuar, si p.sh. një mace. Mund të përfshini një titull, një paragraf për macet, një fotografi dhe madje edhe një lidhje për një faqe interneti me fakte argëtuese për macet.
Kodi juaj HTML mund të duket kështu:
<kod><!DOCTYPE html>
<html>
<kreu>
<title>Kafsha ime e preferuar</title>
</head>
<trupi>
<h1>Gjithçka rreth maceve</h1>
<p>Macet janë lozonjare dhe të buta. Ato pëlqejnë të flenë dhe të mjaullojnë. Shumë njerëz pëlqejnë t'i kenë macet si kafshë shtëpiake.</p>
<img src="cat.jpg" alt="Një mace e lezetshme">
<a href="https://www.catfacts.com">Mësoni më shumë rreth maceve</a>
</body>
</html> </code>
Ky projekt përdor tituj, paragrafë, imazhe dhe lidhje. Ai tregon se si përdoret HTML për të ndërtuar një faqe interneti të plotë me shumë pjesë.
Ndërsa HTML ndërton strukturën e një faqeje interneti, ka mjete të tjera që i bëjnë faqet e internetit të duken dhe të sillen në mënyra argëtuese.
Edhe pse sot po mësojmë rreth HTML-së, njohja e CSS dhe JavaScript na ndihmon të kuptojmë se si krijohen faqet e internetit.
Ndërsa eksploroni HTML-në, do të gjeni shumë etiketa të tjera. Ja disa të tjera që duhet të dini:
Këto etiketa ju japin më shumë kontroll mbi mënyrën se si shfaqet përmbajtja juaj në një faqe interneti.
HTML ka ndryshuar shumë që nga krijimi i saj i parë. Me kalimin e kohës janë shtuar shumë etiketa dhe veçori të reja. Çdo version i ri i HTML-së e bën më të lehtë krijimin e faqeve të internetit komplekse dhe të bukura. Sot, HTML punon së bashku me CSS dhe JavaScript për të ndërtuar faqe interneti moderne që janë argëtuese për t’u përdorur dhe duken shkëlqyeshëm.
Ky evolucion do të thotë që HTML është i lehtë për t’u mësuar dhe mjaft i fuqishëm për të krijuar gjithçka, nga faqet e thjeshta të internetit deri te aplikacionet komplekse të internetit.
Ndërkohë që të mësuarit e HTML është argëtues, është gjithmonë e rëndësishme të qëndroni të sigurt në internet. Kur vizitoni faqet e internetit ose eksploroni përmbajtje online, mos harroni të kërkoni gjithmonë ndihmë nga një i rritur nëse nuk jeni i sigurt për diçka. Siguria juaj është e para dhe të mësuarit e HTML duhet të jetë gjithmonë një përvojë argëtuese dhe e sigurt.
Le të shohim disa terma të rëndësishëm që keni mësuar sot:
HTML përdoret në shumë mjedise të botës reale. Ja disa shembuj:
Këto shembuj tregojnë se si HTML është një mjet shumë i dobishëm në shumë aspekte të jetës së përditshme.
Sot, mësuam se HTML është shkurtim për Hypertext Markup Language . Është gjuha bazë e përdorur për të krijuar faqe interneti. Ja pikat kryesore që duhen mbajtur mend:
HTML është themeli i çdo faqeje interneti që shihni në internet. Me blloqe ndërtimi të thjeshta si etiketat dhe atributet, mund të krijoni faqe argëtuese dhe interaktive. Ndërsa vazhdoni të mësoni, do të shihni se si HTML ndihmon në dhënien jetë të faqeve të internetit, duke e bërë internetin një vend të dobishëm dhe emocionues për t'u eksploruar.
