close

Įvadas į HTML struktūrą: pagrindiniai elementai ir sintaksė

HTML struktūra vaidina lemiamą vaidmenį kuriant tinklalapius. Tai apibrėžia, kaip tinklalapyje tvarkomas ir rodomas turinys. Štai įvadas į pagrindinę HTML struktūrą:

1. Doctype

Doctype(dokumento tipo deklaracija) apibrėžia HTML versiją, kurią naudoja tinklalapis. Jis turėtų būti patalpintas HTML failo pradžioje.

2. html žyma

HTML žyma yra pagrindinis kiekvieno HTML failo elementas. Tai apima visą tinklalapio turinį.

3. head žyma

Žymėje „head“ yra informacija apie tinklalapį, kuri nėra tiesiogiai rodoma naršyklėje. Čia apibrėžiamas puslapio pavadinimas, meta žymės, nuorodos į CSS ir JavaScript failus ir įvairūs kiti elementai.

4. body žyma

Turinio žymoje yra visas tinklalapyje rodomas turinys. Čia apibrėžiami tokie elementai kaip tekstas, vaizdai, vaizdo įrašai, nuorodos ir kiti vartotojo sąsajos komponentai.

5. Įdėtos žymos

HTML naudoja hierarchinę struktūrą su atidarymo ir uždarymo žymomis. Antrinės žymos dedamos pirminių žymų viduje. Pavyzdžiui, p žymoje(pastraipoje) gali būti span žymų(įterptinis tekstas), stiprios žymos(paryškintas tekstas) ir daug kitų žymų.

6. Bendrosios žymos

HTML pateikia daugybę žymų, skirtų formatuoti ir rodyti turinį. Pavyzdžiui, h1-h6 žymos(antraštės), p žyma(pastraipa), img žyma(vaizdas), žyma(nuoroda) ir daugelis kitų.

 

Štai visos HTML puslapio struktūros pavyzdys:

<!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>

Aukščiau pateiktame pavyzdyje turime visą HTML puslapį su pagrindiniais elementais, tokiais kaip doctype, html žyma, head žyma ir body žyma. Antraštės skiltyje apibrėžiame puslapio pavadinimą, naudotinus CSS ir JavaScript failus. Turinio skiltyje yra tokie elementai kaip antraštė, pagrindinis ir poraštė, kad būtų rodomas tinklalapio turinys.

 

Naudodami tinkamą HTML struktūrą galite kurti gerai sutvarkytus, skaitomus ir interaktyvius tinklalapius.