A HTML struktúrája

Mielőtt elkezdenél használni HTML-t fontos hogy megértsd a HTML felépítését. Mint HTML az egy jelölő nyelv, arra használod hogy megjelöl benne a tartalmad különböző részeit - olyan mint amikor kiemelőt használsz.

HTML elemek

HTML elemekből épül és ezek elemek amiket használsz hogy megcsináld jelöléseidet. Az alatti példa mutatja hogyan tudod megjelölni a normál szöveg bekezdést.

<p>This paragraph is part of my content</p>

Amit itt van az egy mondat ("Ez a bekezdés része a én tartalmonnak") amit közzé tesze az a <p> és a </p>. A <p> és a </p> azokat tag-eknek hívják. Minden tag-nek tartalmazza a <, egy rövidést , és egy >. Ebben az esetben , a p egy rövidtése a bekezdésnek. Összerakva, a <p> és a </p> tag-eket létrehozva egy elemet. Minden HTML-elem egy nyító tag-el kezdődik (ebben ez az esetben, ez a <p>) és a legtöbbnek van egy záró tag-e (ez a </p>). A nyító és zárón tag belül van az aktuális tartalom.

Üres elemek

Legtöbb HTML elemeknél így néz ki a <p></p> elem, de némelyiket üres elemeknek hívunk. A sor-törés elem az egy ilyen.

<br />

Ahogy láthatód, így itt nincs záró tag és az elemben nem tartalmaz bármilyen tartalmat, emiatt üres elemnek hívják. Mivel ez egy üres elem emiatt le van zárva a tag vége - ez a /. Nem kell használni a "/"-et az elem végén, de jó szokásnak számít, hogyha lehet szokj hozzá a használatához. (Ahogy mondtam azelőtt, a tag-ek rövidítésből állnak és ebben az esetben br az sortörést jelenti).

Hasznos tanács!

Mikor a böngésző elolvassa a HTML5 dokumentumodat ők érdeklik hogy a tag-t nagy vagy kis betűvel írod. De más fejlesztők meg szokták! Még akkor is hogy ha ugyanazt a sortörő tag-t használod különböző, mint ahogy így itt:

<BR />
<bR />
<Br />
<br />

Jó szokásnak számít hogy a tageket kis betűsben írod - így növelve az olvashatóságot, és ez egyszerűen jó kézműveségnek számít hogy így írod a tageket.

Amit tanultál

• Egy HTML elem egy nyitó tag-el kezdődik
• A HTML elem egy vég tag-el záródik
• Egy HTML tag egy < kezdődik és végét egy > zárjuk le
• A betűk a < és > között azok rövidítések
• Az elemek minden tartalma a nyitó tag és záró tag között van
• Néhány HTML elemek üresek
• Üres elemeknél le van zárva a kezdő tag-nél
• Legyen szokásod hogy minden tag-t kisbetűvel - jó szokásnak számít