Sisu

• Astuda
• 1. meetod 2-st: CSS-i kasutamine
• 2. meetod 2-st: HTML-is sildi "center" kasutamine

See wikiHow õpetab teid HTML-veebisaidil teksti tsentreerima. Selleks kasutame CSS-i (kaskaadiga stiililehed või stiililehed). Varem keskendusime HTML-is, kasutades keskus>silt, kuid see ei tööta enamikus brauserites.

Astuda

1. meetod 2-st: CSS-i kasutamine

1. Avage tekstifail, milles kirjeldate oma stiile. Nüüd keskus>silti ei kasutata enam, looge selles failis uus element, mis koondab teie HTML-dokumendi teatud piirkondades teksti. Kui teil pole eraldi CSS-faili, asuvad koodid HTML-dokumendi ülaosas siltide "style>" ja "/ style>" vahel.
   • Nagu stiil>- ja / stiil>silte pole veel olemas, saate need otse kataloogi alla panna keha>märgendit järgmisel viisil:

   ! DOCTYPE html> html> body> style> / style>

2. Looge klass, mis koondab teksti. The div>silt ütleb teie HTML-dokumendile, millist konkreetset jaotist see klass hõlmab. Sisestage siltide "stiil" vahele järgmine: klõpsake kindlasti kaks korda ↵ Sisestage pärast esimest rida:

   div.a {}

3. Lisage teksti joondaminevara. Tüüp teksti joondamine: keskel; trakside vahel div.a-sektsioon. Päis näeb nüüd välja selline:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / stiil>

4. Lisage õige divsildi tekstile, mille soovite tsentreerida. Teete seda läbi div>selle teksti kohal silt ja sulgeda see a-ga / div>selle teksti all olev silt. Näiteks kui soovite pealkirja ja selle all oleva lõigu tsentreerida, näeb see välja järgmine:

   div> h1> Tere tulemast minu veebisaidile / h1> p> See veebisait on mõeldud peamiselt asjade kohta teabe edastamiseks. / p> / div>

5. Kasuta div.asilt teiste elementide tsentreerimiseks. Kui soovite tsentreerida mõnda muud elementi, näiteks sisu siltide vahele p> / p> ja h2> / h2>), tippite div> selle elemendi jaoks ja / div> pärast. Kuna olete juba määratlenud jaotise "div.a" keskseks CSS-koodiks, on ka need elemendid nüüd keskendatud.

   stiil> div.a {text-align: center; } / style> div> h2> Annetused on teretulnud / h2> p> palun / p> / div>

6. Kontrollige oma dokumenti. Kuigi teie veebilehe tekst on muidugi erinev, peaks see välja nägema umbes selline:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Tere tulemast minu veebisaidile / h1> p> See veebisait on peamiselt mõeldud asjade kohta teabe edastamiseks. / p> / div> div> h2> Annetused on teretulnud / h2> p> palun / p> / div> / body> / html>

2. meetod 2-st: HTML-is sildi "center" kasutamine

1. Avage oma HTML-dokument. See meetod kirjeldab, kuidas vananenud saab keskus>silt. See meetod võib endiselt töötada paljudes brauserites, kuid parem on sellele mitte liiga tugineda.
2. Leidke tekst, mille soovite tsentreerida. Kerige oma dokumenti allapoole, kuni leiate pealkirja, lõigu või muu teksti, mida soovite tsentreerida.
3. Pange "keskel" silt teksti mõlemale küljele. Kood näeb välja selline keskel> tekst / keskel>. Siin on tekst tekst, mis tuleb keskendada. Kui selles tekstis on muid silte, näiteks "p> / p>" enne lõiku, asetage sildid "center" väljapoole olemasolevaid silte.

   keskus> h1> Tere tulemast minu veebisaidile / h1> / keskus> keskus> Tee end mugavaks! / keskus>

4. Kontrollige oma HTML-dokumenti. See peaks välja nägema umbes selline:

   ! DOCTYPE html> html> body> h1> center> Tere tulemast minu veebisaidile / center> / h1> center> Tee see enda jaoks lihtsaks! / Center> p1> See veebisait on peamiselt mõeldud asjade kohta teabe edastamiseks. > / html>