Primer lesson: gjuha e shënjimit të hipertekstit

Gjuha e shënjimit të hipertekstit (HTML)

HTML qëndron për gjuhën e shënjimit të hipertekstit. Është gjuha standarde e shënimit për dokumentet e krijuara për t'u shfaqur në një shfletues ueb. HTML mund të ndihmohet nga teknologji të tilla si Cascading Style Sheets (CSS) dhe gjuhë skriptimi si JavaScript.

Themelimi i Uebit

Në thelbin e tij, interneti është një rrjet i gjerë kompjuterësh të lidhur globalisht. Mënyra kryesore që ne ndërveprojmë me këtë rrjet është përmes World Wide Web (WWW), një sistem i dokumenteve të ndërlidhura me hipertekst 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, 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ë grupi etiketash të mbivendosur, të cilët janë elementë të mbyllur në kllapa këndore. Këto etiketa i tregojnë shfletuesit të internetit se si të shfaqë përmbajtjen. Një shembull i një strukture të thjeshtë dokumenti HTML është:

 <!DOCTYPE html>
<html>
    <koka>
        <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ë fundore. Etiketat e fillimit dhe të fundit të një elementi janë identike, me përjashtim të faktit që etiketa e fundit përfshin një prerje përpara përpara emrit të elementit.

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

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

Elementë të ndryshëm 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> fut 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ë futur një imazh, ne përdorim etiketën <code><img></code> me atributin <code>src</code> (burimi) për të specifikuar URL-në e imazhit:

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

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

Lidhjet dhe navigimi

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 ueb, 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 me <code>https://example.com</code>.

Listat

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

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

Çdo artikull në listë është i mbyllur 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>) , elementet grafike (<code><canvas></code> për vizatim, <code><svg></code> për grafika vektoriale të shkallëzueshme) dhe elementet e medias (<code><audio></code> dhe <code ><video></code>).

HTML semantike

HTML semantike i referohet përdorimit të shënimit HTML për të përforcuar semantikën ose kuptimin e informacionit në faqet e internetit. Në vend që të përcaktojë thjesht se si duken ose sillen elementët (kjo është një punë për CSS dhe JavaScript), HTML semantike 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> nënkupton një meny lundrimi.

Përdorimi i HTML semantike 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.

konkluzioni

HTML është një teknologji gur themeli i World Wide Web, duke ofruar strukturën bazë për faqet e internetit. Nëpërmjet përdorimit të etiketave, atributeve dhe elementeve, HTML lejon krijimin e dokumenteve të strukturuara. Duke kuptuar dhe përdorur HTML, mund të krijoni një gamë të gjerë përmbajtjesh të aksesueshme në ueb, nga dokumente të thjeshta teksti deri tek përvoja komplekse ndërvepruese multimediale. Si themeli 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 ueb.

gjuha e shënjimit të hipertekstit