Primer lesson: gjuha e shënjimit të hipertekstit

Gjuha e Shënimit të Hipertekstit ( HTML )

HTML qëndron për Hypertext Markup Language (Gjuha e Shënimit të Hipertekstit). Është gjuha standarde e shënimit për dokumentet e dizajnuara për t'u shfaqur në një shfletues interneti. HTML mund të ndihmohet nga teknologji të tilla si Cascading Style Sheets ( CSS ) dhe gjuhë skriptimi të tilla si JavaScript.

Themeli i Uebit

Në thelbin e tij, interneti është një rrjet i gjerë kompjuterësh të lidhur globalisht. Mënyra kryesore me të cilën bashkëveprojmë me këtë rrjet është nëpërmjet World Wide Web ( WWW ), një sistem dokumentesh hiperteksti të ndërlidhura që aksesohen nëpërmjet internetit. Në zemër të WWW janë faqet e internetit, të cilat janë dokumente të shkruara në HTML . HTML ofron strukturën bazë të faqeve të internetit, e cila më pas përmirësohet dhe modifikohet nga teknologji të tjera si CSS dhe JavaScript.

Struktura e Dokumenteve HTML

Një dokument HTML është i strukturuar sipas një bashkësie etiketash të ndërthurura, të cilat janë elementë të mbyllur në kllapa këndore. Këto etiketa i tregojnë shfletuesit të internetit se si ta shfaqë përmbajtjen. Një shembull i një strukture të thjeshtë dokumenti HTML është:

 <!DOCTYPE html>
<html>
    <kreu>
        <title>Titulli i faqes</title>
    </head>
    <trupi>
        <h1>Ky është një Titull</h1>
        <p>Ky është një paragraf.</p>
    </body>
</html>

Ky kod përcakton një faqe interneti bazë me një titull, një titull dhe një paragraf teksti.

Elementet dhe Etiketat HTML

Dokumentet HTML përbëhen nga elementë HTML. Çdo element përfaqësohet nga një etiketë fillimi, një pjesë e përmbajtjes dhe një etiketë mbarimi. Etiketat e fillimit dhe mbarimit të një elementi janë identike, përveç se etiketa mbaruese përfshin një vijë të pjerrët përpara para emrit të elementit.

Për shembull, etiketa <code><p></code> përfshin një paragraf teksti dhe është strukturuar si më poshtë:

 <p>Ky është një shembull paragrafi.</p>

Elemente të ndryshme shërbejnë për qëllime të ndryshme. Për shembull:

Etiketat <code><h1>...</h1></code> deri në <code><h6>...</h6></code> përdoren për titujt.
Etiketa <code><a></code> përcakton një hiperlidhje.
Etiketa <code><img></code> integron një imazh në dokument.

Atributet

Elementet HTML mund të kenë atribute që ofrojnë informacion shtesë rreth elementeve. Atributet vendosen brenda etiketës fillestare të një elementi dhe shpesh jepen në çifte emër/vlerë si <code>name="value"</code>.

Për shembull, për të ngulitur një imazh, ne përdorim etiketën <code><img></code> me atributin <code>src</code> (source) për të specifikuar URL-në e imazhit:

 <img src="url to image.jpg" alt="Përshkrimi i imazhit">

Atributi <code>alt</code> ofron tekst alternativ për imazhin nëse nuk mund të shfaqet.

Lidhje dhe Navigim

Përdorimi i etiketës <code><a></code> krijon hiperlidhje, të cilat janë themelore për ndërlidhjen e Uebit. Një hiperlidhje mund të lidhet me një faqe tjetër interneti, një seksion tjetër në të njëjtën faqe ose edhe një skedar të shkarkueshëm. Për shembull:

 <a href="https://example.com">Vizitoni Example.com</a>

Kjo krijon një lidhje për në <code>https://example.com</code>.

Listat

HTML ofron elementë për krijimin e listave. Ekzistojnë dy lloje kryesore të listave:

Lista të parenditura (<code><ul></code>), ku renditja e artikujve nuk është e rëndësishme. Artikujt në një listë të parenditur janë shënuar me pika.
Lista të renditura (<kod><ol></kod>), ku rendi i artikujve ka rëndësi. Artikujt në një listë të renditur janë të numëruar.

Çdo artikull në listë është i përfshirë brenda etiketës <code><li></code> (artikull i listës).

HTML5

HTML5 është evolucioni më i fundit i standardit, duke prezantuar shumë veçori të reja që pasqyrojnë nevojat moderne për dokumente multimediale dhe interaktive. Këto përfshijnë elementë të rinj strukturorë (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), elementë grafikë (<code><canvas></code> për vizatim, <code><svg></code> për grafikë vektoriale të shkallëzueshme) dhe elementë mediatikë (<code><audio></code> dhe <code><video></code>).

HTML semantik

HTML semantik i referohet përdorimit të shënjimit HTML për të përforcuar semantikën, ose kuptimin, e informacionit në faqet e internetit. Në vend që thjesht të përcaktojë se si duken ose sillen elementët (kjo është një punë për CSS dhe JavaScript), HTML semantik përshkruan me saktësi strukturën dhe llojin e përmbajtjes. Për shembull, një etiketë <code><article></code> tregon se përmbajtja brenda është një artikull, ndërsa një etiketë <code><nav></code> tregon një menu navigimi.

Përdorimi i HTML semantik përmirëson aksesueshmërinë dhe kërkueshmërinë e përmbajtjes së uebit, duke e bërë atë më të përdorshme dhe të zbulueshme.

Përfundim

HTML është një teknologji themelore e World Wide Web, duke ofruar strukturën bazë për faqet e internetit. Përmes përdorimit të etiketave, atributeve dhe elementeve, HTML lejon krijimin e dokumenteve të strukturuara. Duke kuptuar dhe përdorur HTML , mund të krijohet një gamë e gjerë përmbajtjesh të arritshme në internet, nga dokumente të thjeshta teksti deri te përvoja komplekse interaktive multimediale. Si themel për zhvillimin e uebit, zotërimi i HTML është thelbësor për këdo që kërkon të dizajnojë ose zhvillojë për uebin.

gjuha e shënjimit të hipertekstit