Vsebina

• Stopati
• Metoda 1 od 2: Uporaba CSS
• 2. metoda od 2: Uporaba oznake "center" v HTML-ju

Ta wikiHow vas uči, kako centrirati besedilo na spletnem mestu HTML. Za to uporabljamo CSS (Cascading Style Sheets ali slogovne liste). Včasih smo centrirali v HTML z uporabo center>tag, vendar to v večini brskalnikov ne deluje več.

Stopati

Metoda 1 od 2: Uporaba CSS

1. Odprite besedilno datoteko, v kateri opisujete svoje sloge. Zdaj pa center>tag se ne uporablja več, v tej datoteki ustvarite nov element, ki bo osredotočil besedilo na določena področja dokumenta HTML. Če nimate ločene datoteke CSS, so kode na vrhu dokumenta HTML med oznakama "style>" in "/ style>".
   • Kot slog>- in / slog>oznak še ni, lahko jih postavite neposredno pod telo>označite na naslednji način:

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

2. Ustvarite razred, ki centrira besedilo. The div>tag vašemu dokumentu HTML pove, na kateri odsek se ta razred nanaša. Med oznake "style" vnesite naslednje in dvakrat kliknite ↵ Enter za prvo vrstico:

   div.a {}

3. Dodajte poravnava besedilalastnine. Tip poravnava besedila: sredina; med naramnicami v div.a-oddelek "Glava" je zdaj videti tako:

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

4. Dodajte pravilno divbesedilo, ki ga želite centrirati. To naredite prek div>oznako nad tem besedilom in jo zaprite z / div>pod tem besedilom. Če želite na primer naslov in odstavek pod njim centrirati, je videti tako:

   div> h1> Dobrodošli na mojem spletnem mestu / h1> p> To spletno mesto je namenjeno predvsem informacijam o stvareh. / p> / div>

5. Uporabi div.aoznaka za centriranje drugih elementov. Ko želite centrirati drug element, na primer vsebino med oznakami p> / p> in h2> / h2>), vtipkate div> za ta element in / div> nato. Ker ste "div.a" že definirali kot centrirno kodo CSS, so tudi ti elementi zdaj centrirani.

   style> div.a {text-align: center; } / style> div> h2> Donacije so dobrodošle / h2> p> prosim / p> / div>

6. Preverite svoj dokument. Čeprav je besedilo na vaši spletni strani seveda drugačno, bi moralo izgledati nekako takole:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Dobrodošli na moji spletni strani / h1> p> To spletno mesto je namenjeno predvsem zagotavljanju informacij o stvareh. / p> / div> div> h2> Dobrodošlice so dobrodošle / h2> p> prosim / p> / div> / body> / html>

2. metoda od 2: Uporaba oznake "center" v HTML-ju

1. Odprite dokument HTML. Ta metoda opisuje, kako zastareti center>oznaka. Ta metoda morda še vedno deluje v številnih brskalnikih, vendar je najbolje, da se nanjo ne zanašamo preveč.
2. Poiščite besedilo, ki ga želite centrirati. Pomaknite se po dokumentu navzdol, dokler ne najdete naslova, odstavka ali drugega besedila, ki ga želite centrirati.
3. Oznako "center" postavite na obe strani besedila. Koda je videti tako center> besedilo / sredina>. Tu je "besedilo" besedilo, ki ga je treba centrirati. Če so v tem besedilu druge oznake, na primer "p> / p>" pred odstavkom, postavite oznake "center" zunaj obstoječih oznak.

   center> h1> Dobrodošli na moji spletni strani / h1> / center> center> Počutite se udobno! / center>

4. Preverite svoj dokument HTML. Videti bi moralo nekako takole:

   ! DOCTYPE html> html> body> h1> center> Dobrodošli na moji spletni strani / center> / h1> center> Olajšajte si delo! / Center> p1> To spletno mesto je namenjeno predvsem informacijam o stvareh. / P1> / body > / html>