Szöveg tagolása

A böngészők a szövegeket HTML tagok és stíluslapok által definiált módon jelenítik meg. Az eredményre nincs hatással az, hogy a forráskódban milyen tagolással írtad meg a szöveget. (Ez alól kivétel a pre elem.) A böngésző egy HTML fájl feldolgozását azzal kezdi, hogy az új sor (Enter) és a tabulátor karaktereket törli a szövegből és azokat egy-egy szóközzel helyettesíti. Ha több szóköz van egymás mellett, akkor azokat egyetlen szóközzé vonja össze. Így a fájl teljes tartalma egyetlen – nagyon hosszú – sort fog alkotni. Ez a számítógép számára kedvezőbb, mint az általunk könnyebben olvasható tagolt szöveg.

Ha egymás mellett több szóközt akarsz megjeleníteni, akkor használd az   speciális karaktert, például ha a forráskódba a következőt írod:
     
akkor az a képernyőn öt egymás melletti szóközként fog megjelenni.

Címsorok

Címsorokat a <h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5> és <h6> </h6> tag párokkal lehet megadni. Például:
<h2>Ez egy címsor</h2>

Bekezdés

Egy bekezdésnyi szöveget a <p> és </p> tagok között lehet megadni. Bekezdésen belül akkor kezd automatikusan új sort megjeleníteni a böngésző, ha már nem fér el a következő szó az adott sorban. Ez így triviálisan hangzik, de meglepő következményekkel járhat, ha a weblapodat keskenyebb vagy szélesebb monitoron jelenítik meg, mint ahogy azt te tesztelted.

Sortörés

Sortörést a <br> taggal adhatsz meg a szövegben, nincs zárótagja. Például:

<p>Ez az első sor,<br>ez pedig a második sor.</p>

ami így jelenik meg:
Ez az első sor,
ez pedig a második sor.

Különböző stílus megadása egy bekezdésen belül

Ha egy szövegrészletet a környezetétől eltérő stílusban akarsz megjeleníteni, akkor azt a <span> és </span> tagok segítségével teheted meg. Például:

<p>Ebben a szövegben <span class=”kiemelt”>ez a szövegrész</span> kiemelt betűkkel lesz a képernyőre írva.</p>

ami így jelenik meg:
Ebben a szövegben ez a szövegrész kiemelt betűkkel lesz a képernyőre írva.

Ehhez persze a „kiemelt” nevű stílusosztályt definiálnod kell a stíluslapon.

Szín és méret megadása »