Kaip įterpti tekstą naudojant HTML ir CSS

Nors grynasis HTML skirtas struktūruoti, o ne išdėstyti puslapio turinį, jis turi žymas, kurios leidžia įtraukti tekstą. World Wide Web Consortium rekomenduoja naudoti CSS stilių lapus, todėl standartiniai metodai – text-indent ir margin-left. Taip pat yra paprastas būdas – įterpti specialų HTML simbolį.

Nesutankomi tarpai

HTML nesutankomo tarpo simbolis ( ) veikia kaip įprastas tarpas. Norėdami įtraukti kelis tarpus prieš tekstą, įrašykite   kartojimą. Pavyzdžiui, penkių tarpai:

     Tekstas

Blockquote žyma

Žyma <blockquote> automatiškai įtrina visą turinį į dešinę. Ji skirta citatoms, tačiau ją galima naudoti ir paprastam įtraukų efektui. Jei numatytieji stiliai netinka, galima perrašyti juos tiesiogiai:

Jūsų įtrauktas tekstas

<pre> žyma

Žyma <pre> išsaugo įvestą formatavimą – tarpus ir tabuliacijas. Tiesiog įrašykite norimus tarpus arba tabuliacijas tarp <pre> ir </pre> žymių:

    Tekstas su 4 tarpais
	Tekstas su tabuliacija

Įtraukos naudojimas su CSS

Naudokite text-indent arba margin-left savybes. Pavyzdžiui, norint įtraukti pirmą pastraipos eilutę 10 px:

<p style="text-indent:10px;">Tekstas...</p>

Visų pastraipų įtrauka:

<p style="margin-left:10px;">Tekstas...</p>

Arba pridėkite taisyklę į vidinį arba išorinį CSS:

p {margin-left:10px;}