Kuidas HTML-i teksti tsentreerida

by

See Selgitatud õpetab, kuidas HTML-i veebisaidil teksti tsentreerida CSS (Cascading Style Sheets) abil. Varem tehti HTML-i tsentreerimine märgendiga

, kuid seda silti peetakse nüüdseks aegunuks ja see ei tööta enam enamikus brauserites.

1
Avage fail, mis sisaldab teie CSS-i stiile. Kuigi märgend

on vananenud, saate luua uue elemendi, mida lisada lehe mis tahes osale, et tsentreerida tekst selle piiridesse. Kui teil pole oma CSS-i jaoks eraldi faili, leiate stiilid HTML-faili ülaosas märgendite “

” vahel. Kui teil veel pole < style> ja

, lisage need otse faili ülaosas oleva alla järgmiselt:

2
Looge klass, mis koondab teksti. Märgend

käsib teie HTML-dokumendil viidata teatud tekstiosale, nii et loote selle sildi jaoks klassi. Sisestage “stiil”-märgendite vahele järgmine tekst, vajutades pärast esimest rida kindlasti kaks korda sisestusklahvi ↵:div.a {}

3
Lisage teksti joondamise atribuut. Tüüp text-align: center; jaotises div.a kahe lokkis sulu vahele jäävasse ruumi. Päis peaks nüüd välja nägema järgmine:

4
Lisage tekstile, mis peaks olema keskel, õige div silt. Seda saate teha, asetades sildi

selle teksti kohale, mida soovite keskele tõsta, ja sulgedes märgend

teksti alla, mida soovite tsentreerida. Näiteks päise ja selle lõigu teksti keskele paigutamiseks sisestage järgmine:

Tere tulemast minu veebisaidile

See veebisait on mõeldud peamiselt teabe edastamiseks asjade kohta.

5
Kasutage sildi div.a teiste alade tsentreerimiseks. Teise elemendi (nt sisu siltide, nagu

ja

) tsentreerimiseks tippige üksuse ette

ja selle järele

. Kuna teil on tsentreerimiskäsuks juba määratud “div.a”, tsentreerib see teksti nagu varemgi:

Annetused tere tulemast

palun

6
Vaadake oma dokument üle. Kuigi sisu on erinev, peaks teie dokument välja nägema umbes selline:

Tere tulemast minu veebisaidile

See veebisait on mõeldud peamiselt asjade kohta teabe pakkumiseks.

Annetused Tere tulemast< /h2>

palun

7
Avage oma HTML-dokument. See meetod kirjeldab, kuidas kasutada HTML-i märgendit

, mis on nüüdseks aegunud. Alates 2018. aasta detsembrist võib see silt mõnes veebibrauseris endiselt töötada, kuid pikemas perspektiivis ei ole soovitatav sellele märgendile tugineda.

8
Otsige üles tekst, mida soovite tsentreerida. Kerige alla, kuni leiate päise, lõigu või muu teksti, mille soovite keskele tõsta.

9
Lisage teksti mõlemale küljele silt “keskel”. Keskmine silt on vormingus

tekst
, kus “tekst” on teie tekst. Kui teie tekstil on sildid (nt “

” lõigu teksti jaoks), võivad “keskmised” sildid olla olemasolevatest siltidest väljas:

Tere tulemast minu veebisaidile

Tunne end nagu kodus!

10
Vaadake oma HTML-dokument üle. Teie dokument peaks välja nägema umbes selline:

Tere tulemast minu veebisaidile

Tundke end nagu kodus!
< p1>Selle veebisaidi eesmärk on kuvada teavet asjade kohta.

+++

  1. Kuidas teisendada MPG liitriteks 100 km kohta

  2. Kuidas arvutada kiirust meetrites sekundis

  3. Kuidas arvutada sfääri massi

  4. Kuidas arvutada väljundvõimsust

  5. Kuidas kirjutada HTML-koodi

  6. Kuidas luua HTML-iga lihtsat veebilehte

  7. Taustapildi määramine HTML-is