close

Réamhrá ar Struchtúr HTML: Eilimintí Bunúsacha agus Comhréir

Tá ról ríthábhachtach ag struchtúr HTML maidir le leathanaigh ghréasáin a thógáil. Sainmhíníonn sé conas a eagraítear ábhar agus a thaispeántar é ar leathanach gréasáin. Seo réamhrá don bhunstruchtúr HTML:

1. Doctype

Sainmhíníonn an Doctype(Dearbhú Cineál Doiciméid) an leagan HTML atá in úsáid ag an leathanach gréasáin. Ba chóir é a chur ag tús an chomhaid HTML.

2. tag html

Is é an chlib html buneilimint gach comhad HTML. Cuimsíonn sé ábhar iomlán an leathanaigh ghréasáin.

3. head clib

Tá faisnéis sa chlib chinn faoin leathanach gréasáin nach bhfuil ar taispeáint go díreach ar an mbrabhsálaí. Seo é an áit a sainmhínítear teideal an leathanaigh, meta tags, naisc chuig comhaid CSS agus JavaScript, agus gnéithe éagsúla eile.

4. body clib

Tá an t-ábhar go léir atá ar taispeáint ar an leathanach gréasáin sa chlib coirp. Seo é an áit a shainítear gnéithe cosúil le téacs, íomhánna, físeáin, naisc, agus comhpháirteanna comhéadan úsáideora eile.

5. Clibeanna neadaithe

Úsáideann HTML struchtúr ordlathach le clibeanna oscailte agus dúnta. Cuirtear clibeanna leanaí taobh istigh de chlibeanna tuismitheora. Mar shampla, is féidir clibeanna réise(téacs inlíne), clibeanna láidre(téacs trom), agus go leor clibeanna eile a bheith sa chlib p(mír).

6. Clibeanna coitianta

Soláthraíonn HTML raon clibeanna chun ábhar a fhormáidiú agus a thaispeáint. Mar shampla, na clibeanna h1-h6(ceannteidil), tag p(mír), clib img(íomhá), clib(nasc), agus go leor eile.

 

Seo sampla de struchtúr iomlán leathanaigh 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>

Sa sampla thuas, tá leathanach HTML iomlán againn leis na príomhghnéithe mar doctype, html clib, head clib agus body clib. Sa rannóg ceann, sainímid teideal an leathanaigh, na comhaid CSS agus JavaScript a úsáidfear. Tá gnéithe cosúil le ceanntásc, príomhlíonra agus buntásc sa chuid coirp chun ábhar an leathanaigh ghréasáin a thaispeáint.

 

Trí úsáid a bhaint as an struchtúr HTML ceart, is féidir leat leathanaigh ghréasáin dea-eagraithe, inléite agus idirghníomhacha a thógáil.