Sadržaj

• Kročiti
• Metoda 1 od 2: Korištenje CSS-a
• Metoda 2 od 2: Korištenje oznake "center" u HTML-u

Ovaj wikiHow vas uči kako centrirati tekst na HTML web mjestu. Za to koristimo CSS (Cascading Style Sheets ili stilske tablice). Nekad smo centrirali u HTML pomoću središte>tag, ali to više ne radi u većini preglednika.

Kročiti

Metoda 1 od 2: Korištenje CSS-a

1. Otvorite tekstualnu datoteku u kojoj opisujete svoje stilove. Sada središte>Oznaka se više ne koristi, stvorite novi element u ovoj datoteci koji će centrirati tekst na određenim područjima vašeg HTML dokumenta. Ako nemate zasebnu CSS datoteku, kodovi se nalaze na vrhu HTML dokumenta između oznaka "style>" i "/ style>".
   • Kao stil>- i / stil>oznake još nisu tamo, možete ih staviti izravno ispod tijelo>označi na sljedeći način:

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

2. Stvorite klasu koja centrira tekst. The div>tag govori vašem HTML dokumentu na koji se određeni odjeljak odnosi ova klasa. Utipkajte sljedeće između oznaka "style", pazeći dvaput kliknuti ↵ Enter nakon prvog retka:

   div.a {}

3. Dodajte poravnanje tekstaimovine. Tip poravnanje teksta: središte; između zagrada u diva-odjeljak. "Zaglavlje" sada izgleda ovako:

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

4. Dodajte ispravnu divoznačite tekst koji želite centrirati. To radite putem div>oznaku iznad ovog teksta i zatvorite je s / div>oznaka ispod ovog teksta. Na primjer, ako želite centrirati naslov i odlomak ispod njega, to izgleda ovako:

   div> h1> Dobrodošli na moju web stranicu / h1> p> Ova web stranica uglavnom pruža informacije o stvarima./p> / div>

5. Koristiti divaoznaka za centriranje ostalih elemenata. Kada želite centrirati drugi element, poput sadržaja između oznaka p> / p> i h2> / h2>), tipkate div> za ovaj element i / div> poslije. Budući da ste "div.a" već definirali kao CSS kôd za centriranje, ovi su elementi sada također centrirani.

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

6. Provjerite svoj dokument. Iako se tekst na vašoj web stranici naravno razlikuje, trebao bi izgledati otprilike ovako:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Dobrodošli na moju web stranicu / h1> p> Ova web stranica uglavnom služi za pružanje informacija o stvarima. / p> / div> div> h2> Donacije su dobrodošle / h2> p> molim / p> / div> / body> / html>

Metoda 2 od 2: Korištenje oznake "center" u HTML-u

1. Otvorite svoj HTML dokument. Ova metoda opisuje kako zastarjeti središte>označiti. Ova metoda možda još uvijek radi u brojnim preglednicima, ali najbolje je ne oslanjati se previše na nju.
2. Pronađite tekst koji želite centrirati. Pomaknite se prema dolje dok ne pronađete naslov, odlomak ili drugi tekst koji želite centrirati.
3. Oznaku "center" stavite s obje strane teksta. Kod izgleda ovako središte> tekst / središte>. Ovdje je "tekst" tekst koji treba centrirati. Ako u ovom tekstu postoje druge oznake, poput "p> / p>" prije odlomka, postavite oznake "centar" izvan postojećih oznaka.

   center> h1> Dobrodošli na moju web stranicu / h1> / center> center> Udobno se smjestite! / center>

4. Provjerite svoj HTML dokument. To bi trebalo izgledati otprilike ovako:

   ! DOCTYPE html> html> body> h1> center> Dobrodošli na moju web stranicu / centar> / h1> center> Olakšajte sebi! / Center> p1> Ova web stranica uglavnom pruža informacije o stvarima. / P1> / body > / html>