Vonalszakítások és bekezdések létrehozása P és BR címkékkel

A HTML-tanulás kapcsán két olyan tag, amelyet a legtöbb ember korán megtanul, a bekezdések és a sortörések 

 és 
illetőleg. Ezek a címkék természetes töréseket tesznek a szövegbe, hogy a weboldal tartalma könnyebben olvasható legyen. Bár ezeket a címkéket meglehetősen könnyű használni, némi zavart okozhatnak és visszaélhetnek is velük.

A HTML bekezdéselem helyes használata

A bekezdés elem

címkepárként használják a 

 tag megnyitva az elemet és a 

 címke bezárása. Írásban HTML4 vagy HTML5, a végcímke technikailag nem szükséges, de a bevált gyakorlatnak tekinthető a címke bezárása. XHTML-ben a zárás megkövetelt.

A bekezdés elemet ugyanúgy használja a webhelyen, mint a tartalom interneten kívüli írása során - amikor új ötletet vagy pontot szeretne kezdeni. A legtöbb böngésző olyan bekezdéseket jelenít meg, amelyek között egy üres sor található. Íme egy példa HTML-ben:

Itt az ideje, hogy minden jó ember segítsen hazájában. A gyors barna róka átugrotta a lusta alvó kutyát.

Sok más címke jelenhet meg a nyitó és a záró bekezdés tagek között.

A HTML-sortörés elem helyes használata

A sortörés elem
tag egy singleton tag - nincs végcímke. XHTML-ben a címkét egy utolsó perjel (
), de HTML-ben (beleértve a HTML5-et is) nem szükséges.

A break elem egy kényszerített sortörés a weboldal szövegfolyamán belül. Akkor használja, ha azt szeretné, hogy a szöveg a következő soron folytatódjon, de a tartalom nem külön ötlet vagy pont, ami miatt újabb bekezdéssé válna. Erre példa a költészet esetében, ahol a sortöréseket általában rögzítik.

Íme egy példa a bekezdésen belüli sortörésre:

Itt az ideje, hogy minden jó ember segítsen hazájában.

A gyors barna róka átugrotta a lusta alvó kutyát.

Mivel a sortörő címke egyedülálló címke, azon belül más címkék nem használhatók.

A

és
Címkék

Azok az emberek, akik nem ismerik a kódolást, elkövetnek néhány általános hibát a bekezdések és a sortörés elemeivel a weboldal megjelölésekor.

• Használata
  a szövegsor hosszának megváltoztatásához: A break tag használata a szöveg megjelenésének vagy meghatározott módon történő törésének megkísérlésére biztosítja ezt az oldalai jól néznek ki a böngészőben, de nem feltétlenül egy másik böngészőben, és természetesen nem minden eszközök. Ha webhelye a érzékeny weboldal, megváltoztatja az elrendezést a különböző képernyőméretek alapján. A böngésző automatikusan beviszi a szavakat, majd amikor a
  címkével, újból becsomagolja a szöveget, rövid és hosszú sorokat, valamint hullámzó szöveget eredményezve. Használnia kell CSS stíluslapok a vizuális stílusok diktálása ahelyett, hogy meghatározott HTML elemek hozzáadásával próbálná kényszeríteni az elrendezést.
• Használata hogy az elemek között legyen tér: Ez ismét a HTML-re vált, hogy a CSS használata helyett vizuális elrendezést, ebben az esetben térközöket hozzon létre. Ez néhány HTML-szerkesztő általánosan alkalmazott gyakorlat, és bár technikailag nem hibás, kínos megjelenésű HTML-t eredményez, és később zavaró lehet a szerkesztés. Ez szintén nincs összhangban a webes szabványokkal, valamint a szerkezet és a stílus elválasztásával. Bizonyos esetekben törésmentesen szóközök az egyébként üres bekezdéscímkék belsejében váratlan távolságok keletkezhetnek a különböző böngészőkben, mivel úgy tűnik, hogy mindegyikük ezt másképp értelmezi. A tervezéshez szükséges térköz eléréséhez a legjobb megoldás a stíluslapok használata.