Teksta formatēšana

Lai veidotu un noformētu tekstu HTML valodā, var izmantot dažādas birkas, piemēram, virsrakstiem <h1></h1> līdz <h6></h6>, paragrāfiem <p></p> un stilam — <br>, <b></b> u.c.

Virsraksti

HTML ir seši virsrakstu līmeņi — no lielākā <h1> līdz mazākajam <h6>.

index.html

<h1>Virsraksts</h1>
<h2>Virsraksts</h2>
<h3>Virsraksts</h3>
<h4>Virsraksts</h4>
<h5>Virsraksts</h5>
<h6>Virsraksts</h6>

Paragrāfs jeb teksta rinda

Lai parādītu parastu tekstu, izmanto birku <p></p> — tā apzīmē rindkopu (paragrāfu).

index.html

<p>Paragrāfs jeb teksts</p>

Rindu sadalīšana

Dažreiz nepieciešams tekstu sadalīt vairākās rindās. To var izdarīt ar birku <br> — tā pārceļ tekstu jaunā rindā.

index.html

<p>
    Smaržo ceriņi un zeme,<br>
    Kad lietus zāli mitrina,<br>
    Tu sēdi četrās sienās<br>
    Un diena velkās gara,
</p>

Vai arī — katrai rindiņai izmantot atsevišķu paragrāfu:

index.html

<p>Smaržo ceriņi un zeme,</p>
<p>Kad lietus zāli mitrina,</p>
<p>Tu sēdi četrās sienās</p>
<p>Un diena velkās gara,</p>

Teksta stils

Treknraksts (bold)

Birka: <b> </b>

index.html

<p>Smaržo <b>ceriņi</b> un zeme</p>

Iznākums:

Smaržo ceriņi un zeme

Slīpraksts (italic)

Birka: <i> </i>

index.html

<p>Smaržo <i>ceriņi</i> un zeme</p>

Iznākums:

Smaržo ceriņi un zeme

Pasvītrots teksts

Birka: <u> </u>

index.html

<p>Smaržo <u>ceriņi</u> un zeme</p>

Iznākums:

Smaržo ceriņi un zeme

Pārsvītrots teksts

Birka: <del> </del>

index.html

<p>Smaržo <del>ceriņi</del> un zeme</p>

Iznākums:

Smaržo ceriņi un zeme

Iezīmēts teksts

Birka: <mark> </mark>

index.html

<p>Smaržo <mark>ceriņi</mark> un zeme</p>

Iznākums:

Smaržo ceriņi un zeme

Horizontāla līnija

Birka: <hr>

index.html

<hr>
<p>Smaržo ceriņi un zeme</p>
<hr>

Iznākums:

---

Smaržo ceriņi un zeme

---

Noderīgi materiāli

HTML Headings

https://www.w3schools.com/html/html_headings.asp

www.stahovskis.id.lv

HTML Paragraphs

https://www.w3schools.com/html/html_paragraphs.asp

www.stahovskis.id.lv

HTML Text Formatting

https://www.w3schools.com/html/html_formatting.asp

www.stahovskis.id.lv