Címsorok és bekezdések
A legtöbb oldal tartalmának továbbra is szerves részei a hosszabb szövegek, amiket - a szövegszerkesztőkhöz hasonlóan - a weboldalakon is általában bekezdésekre tagolunk. Erre a célra a <p>
taget használjuk, ami tehát a szöveg egy bekezdését jelöl. Nézzünk egy példát:
<p>Ha pedig kedved tartja összegyűjtögetni a kedvenc műtárgyaidat,
csak szivecskézd be ami megtetszett, és már meg is találod őket a kedvenceid
között. Ezekből később akár a saját gyűjteményeidet is létrehozhatod, amelyek
lehetnek privátak, vagy nyilvánosak is, utóbbi esetben könnyedén megoszthatod
őket a barátaiddal, diákjaiddal, kollégáiddal.</p>
<p>Az app forrásgyűjtögetéshez is kiválló lehet. Ha épp most készülsz művtöri
beadandót írni, és elképzelésed sincs, hogy miént fogj hozzá, keresgélj alkotásokat
amik relevánsak lehetnek, gyűjtögesd össze őket, és nézegesd meg akár többször is.</p>
Érdemes megjegyezni, hogy a p taget csak olyan esetben érdemes használni, ahol ténylegesen új bekezdésekről van szó. Ha csak egy sortörést szeretnénk készíteni egy bekezdésen belül, mint ahogy a SHIFT+Enter-rel tennénk a szövegszerkesztőnkben, úgy erre is van mód, ezt a <br>
taggel tehetjük meg. Ez egy tartalom nélküli elem, bezáró párja tehát nincs. Íme egy példa a használatára:
Ó<br>
IÓ<br>
CIÓ<br>
ÁCIÓ<br>
KÁCIÓ<br>
AKÁCIÓ<br>
VAKÁCIÓ
Címsorok
Szeretnél az ünnepek alatt is gyakorolni? Vár az Easter Bug Hunt játékunk! Csatlakozz, és keresd meg az összes hibát - akár még jutalom is ütheti a markod!
Irány a játékA szövegszerkesztő programokhoz hasonlóan a webfejlesztésnél is használhatunk különféle szintű címsorokat a tartalmaink rendezésére. Érdemes megjegyezni, hogy egy oldalon jellemzően csak egy darab első szintű címsornak célszerű lennie, ez mutatja az adott oldal tartalmának a főcímét. Másod, harmad, és egyéb többedrendű címsorokból azonban bármennyit használhatunk, ezekkel jelölhetjük legkézenfekvőbben egy cikk alcímeit, vagy az oldal különféle részeinek az alcímeit.
A HTML 6 címsorszintet ismer, ezeket a <h1> - <h6>
tagekkel jelöljük. Íme egy példa:
Ebben a példában az átláthatóság jegyében most tartalom nincs, csak címek.
<h1>Szabó Ervin Könyvtár - akár a zsebedben is!</h1>
<h2>Miket intézhetünk a mobilunkon?</h2>
<h2>Miket NEM intézhetünk a mobilappal?</h2>
<h2>Telepítés</h2>
<h2>Teendők és értesítések</h2>
Próbáld ki magad is! Nézd meg, és szerkeszd a mintakódunkat közvetlen a böngésződben néhány kattintással, az info9 LineFlame fejlesztőeszközzel!