close

Introduzzjoni għall-Istruttura HTML: Elementi Bażiċi u Sintassi

L-istruttura HTML għandha rwol kruċjali fil-bini ta 'paġni web. Jiddefinixxi kif il-kontenut huwa organizzat u muri fuq paġna web. Hawnhekk hawn introduzzjoni għall-istruttura bażika HTML:

1. Doctype

Id-Doctype(Dikjarazzjoni tat-Tip ta' Dokument) jiddefinixxi l-verżjoni HTML li qed tuża l-paġna web. Għandu jitqiegħed fil-bidu tal-fajl HTML.

2. tag html

It-tikketta html hija l-element għerq ta 'kull fajl HTML. Jikkapsula l-kontenut kollu tal-paġna web.

3. head tag

It-tikketta tar-ras fiha informazzjoni dwar il-paġna web li mhix murija direttament fuq il-browser. Dan huwa fejn it-titlu tal-paġna, meta tags, links għal fajls CSS u JavaScript, u ​​diversi elementi oħra huma definiti.

4. body tag

It-tikketta tal-ġisem fiha l-kontenut kollu li jintwera fuq il-paġna web. Dan huwa fejn huma definiti elementi bħal test, stampi, vidjows, links, u komponenti oħra tal-interface tal-utent.

5. Tikketti nested

HTML juża struttura ġerarkika b'tags tal-ftuħ u tal-għeluq. It-tikketti tat-tfal jitqiegħdu ġewwa t-tikketti tal-ġenituri. Pereżempju, it-tikketta p(paragrafu) jista 'jkun fiha tikketti span(test inline), tikketti b'saħħithom(test grassett), u ħafna tikketti oħra.

6. Tikketti komuni

HTML jipprovdi firxa ta 'tikketti għall-ifformattjar u l-wiri tal-kontenut. Pereżempju, it-tikketti h1-h6(intestaturi), tag p(paragrafu), tag img(immaġni), tag(link), u ħafna oħrajn.

 

Hawn eżempju ta 'struttura kompluta ta' paġna 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>

Fl-eżempju ta 'hawn fuq, għandna paġna HTML kompluta bl-elementi ewlenin bħal doctype, html tag, head tag u body tag. Fit-taqsima tar-ras, aħna niddefinixxu t-titlu tal-paġna, il-fajls CSS u JavaScript li għandhom jintużaw. Is-sezzjoni tal-korp fiha elementi bħal header, main, u footer biex juru l-kontenut tal-paġna web.

 

Billi tuża l-istruttura HTML korretta, tista 'tibni paġni tal-web organizzati tajjeb, li jinqraw u interattivi.