close

Hyrje në strukturën HTML: Elementet bazë dhe sintaksa

Struktura HTML luan një rol vendimtar në ndërtimin e faqeve të internetit. Ai përcakton se si organizohet dhe shfaqet përmbajtja në një faqe interneti. Këtu është një hyrje në strukturën bazë të HTML:

1. Doctype

Doctype(Deklarata e llojit të dokumentit) përcakton versionin HTML që përdor faqja e internetit. Duhet të vendoset në fillim të skedarit HTML.

2. etiketa html

Etiketa html është elementi rrënjësor i çdo skedari HTML. Ai përmbledh të gjithë përmbajtjen e faqes në internet.

3. head etiketë

Etiketa e kokës përmban informacione rreth faqes së internetit që nuk shfaqet drejtpërdrejt në shfletues. Këtu përcaktohen titulli i faqes, meta etiketat, lidhjet me skedarët CSS dhe JavaScript dhe elementë të tjerë të ndryshëm.

4. body etiketë

Etiketa e trupit përmban të gjithë përmbajtjen që shfaqet në faqen e internetit. Këtu përcaktohen elementë të tillë si teksti, imazhet, videot, lidhjet dhe komponentët e tjerë të ndërfaqes së përdoruesit.

5. Etiketat e mbivendosura

HTML përdor një strukturë hierarkike me etiketa hapëse dhe mbyllëse. Etiketat e fëmijëve vendosen brenda etiketave prindërore. Për shembull, etiketa p(paragrafi) mund të përmbajë etiketa span(tekst inline), etiketa të forta(tekst të theksuar) dhe shumë etiketa të tjera.

6. Etiketat e zakonshme

HTML ofron një sërë etiketash për formatimin dhe shfaqjen e përmbajtjes. Për shembull, etiketat h1-h6(titujt), etiketat p(paragrafi), etiketa img(imazhi), një etiketë(lidhje) dhe shumë të tjera.

 

Këtu është një shembull i një strukture të plotë të faqes HTML:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>My Webpage</title>  
    <link rel="stylesheet" href="styles.css">  
    <script src="script.js"></script>  
</head>  
<body>  
    <header>  
        <h1>Welcome to My Webpage</h1>  
        <nav>  
            <ul>  
                <li><a href="#">Home</a></li>  
                <li><a href="#">About</a></li>  
                <li><a href="#">Contact</a></li>  
            </ul>  
        </nav>  
    </header>  
    <main>  
        <section>  
            <h2>About Me</h2>  
            <p>I am a web developer passionate about creating amazing websites.</p>  
        </section>  
        <section>  
            <h2>My Projects</h2>  
            <ul>  
                <li><a href="#">Project 1</a></li>  
                <li><a href="#">Project 2</a></li>  
                <li><a href="#">Project 3</a></li>  
            </ul>  
        </section>  
    </main>  
    <footer>  
        <p>&copy; 2022 My Webpage. All rights reserved.</p>  
    </footer>  
</body>  
</html>

Në shembullin e mësipërm, ne kemi një faqe të plotë HTML me elementët kryesorë si doctype, html tag, head tag dhe body tag. Në seksionin head, ne përcaktojmë titullin e faqes, skedarët CSS dhe JavaScript që do të përdoren. Seksioni i trupit përmban elementë si titulli, kryesori dhe fundi për të shfaqur përmbajtjen e faqes së internetit.

 

Duke përdorur strukturën e duhur HTML, ju mund të ndërtoni faqe ueb të mirëorganizuara, të lexueshme dhe interaktive.