HTML bekezdések (paragraphs)
A bekezdések az egyik legalapvetőbb HTML elemek közé tartoznak. Segítségükkel logikusan tagolhatjuk a szöveget, és világossá tehetjük az oldal tartalmát az olvasók és a keresőmotorok számára is.
Mi az a <p> bekezdés elem?
A <p> (paragraph) elem egy szöveges blokkot képvisel. Minden <p> egy új bekezdést jelent, amit a böngészők általában függőleges térközzel jelenítenek meg. A HTML-ben nem szabad egyszerűen új sort ütni – minden új gondolatot új <p> elembe kell helyezni.
Kód részletek
<p>This is a paragraph of text.</p>
<p>Another paragraph starts here.</p>
Előnézet
This is a paragraph of text.
Sortörés egy bekezdésen belül
Ha egy bekezdésen belül szeretnél sort törni, akkor használhatod a <br> sortörés elemet. Fontos, hogy a <br> nem zárja le a bekezdést, csak új sort kezd.
A bekezdések helyes szerkezete
A <p> elemeket mindig rendesen le kell zárni. Ha nem zárjuk le őket, az hibákat vagy váratlan megjelenést okozhat. Kerüljük az egymásba ágyazott <p> elemeket is, mivel ez érvénytelen HTML-t eredményez.
Hogyan használjuk a bekezdéseket?
Használj bekezdéseket minden olyan esetben, amikor egy új gondolat, témakör, vagy mondanivaló kezdődik. Ez segíti az olvashatóságot, és az oldal kinézetét is letisztultabbá teszi.
Egyszerű bekezdés példa
Ebben a példában három külön bekezdést látunk. Minden <p> tag külön sorba kerül, és automatikusan új blokkban jelenik meg. Ez segít a szöveg átlátható tagolásában a weboldalon.
Kód részletek
<p>Hello! My name is Anna.</p> <p>I like learning HTML.</p> <p>This is my third paragraph.
Előnézet
Hello! My name is Anna.
I like learning HTML.
This is my third paragraph.
Tippek a bekezdések használatához
- Minden bekezdést <p> taggel kezdj, és ne csak sortöréssel tagold a szöveget.
- Ne ágyazz egymásba <p> tageket – ez HTML szempontból érvénytelen.
- Használj <br> sortörést, ha szükséges, de ne vidd túlzásba.
- Törekedj rövidebb, világos bekezdésekre a jobb olvashatóság érdekében.
SEO és bekezdések
A jól tagolt, <p> elemekbe rendezett tartalom nemcsak az olvasók számára átláthatóbb, hanem a keresőmotorok számára is optimalizáltabb. A világos szerkezet segíti az indexelést és a tartalom feldolgozását.
✨ Kérdezd Larát — a tanulási partnered
Fedezd fel a személyre szabott tanulási támogatást. Lara elmagyarázza az anyagot, összefoglalja a témákat és megválaszolja a kérdéseidet — az Go csomagtól elérhető.
Lara segít gyorsabban tanulni — kizárólag a ReadyTools Go, Plus és Max tagoknak.
