Turinys

• Žengti
• 1 metodas iš 2: CSS naudojimas
• 2 metodas iš 2: HTML žymos „centras“ naudojimas

Šis „wikiHow“ moko, kaip sutelkti tekstą HTML svetainėje. Tam naudojame CSS („Cascading Style Sheets“ arba „stiliaus lapus“). Mes įpratome centruoti HTML, naudodami centras>žymą, tačiau tai nebeveikia daugumoje naršyklių.

Žengti

1 metodas iš 2: CSS naudojimas

1. Atidarykite tekstinį failą, kuriame aprašote savo stilius. Dabar centras>žyma nebenaudojama, sukurkite naują elementą šiame faile, kuris centruos tekstą tam tikrose jūsų HTML dokumento srityse. Jei neturite atskiro CSS failo, kodai yra HTML dokumento viršuje tarp žymų „style>“ ir „/ style>“.
   • Kaip stilius>- ir / style>žymos dar nėra, jas galite įdėti tiesiai po kūnas>žymą tokiu būdu:

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

2. Sukurkite klasę, kuri sutelktų tekstą. div>žyma HTML dokumentui nurodo, su kuria konkrečia sekcija priklauso ši klasė. Tarp „style“ žymų įveskite šiuos žodžius ir būtinai spustelėkite du kartus ↵ Įveskite po pirmos eilutės:

   div.a {}

3. Pridėti sulyginti tekstąnuosavybė. Tipas text-align: centre; tarp petnešų div.a-skyrius. „Antraštė“ dabar atrodo taip:

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

4. Pridėkite teisingą divpažymėkite tekstą, kurį norite centruoti. Jūs tai darote per div>žymelę virš šio teksto ir uždarydami jį a / div>žymą po šiuo tekstu. Pvz., Jei norite sutelkti pavadinimą ir pastraipą po juo, jis atrodo taip:

   div> h1> Sveiki atvykę į mano svetainę / h1> p> Ši svetainė daugiausia skirta informacijai apie dalykus pateikti. / p> / div>

5. Naudoti div.ažymėti, kad sutelktumėte kitus elementus. Kai norite sutelkti kitą elementą, pvz., Turinį tarp žymų p> / p> ir h2> / h2>), rašote div> šiam elementui ir / div> paskui. Kadangi „div.a“ jau apibrėžėte kaip centruojantį CSS kodą, šie elementai taip pat yra centruoti.

   stilius> div.a {text-align: centre; } / style> div> h2> Laukiame aukų / h2> p> please / p> / div>

6. Patikrinkite savo dokumentą. Nors jūsų tinklalapio tekstas, žinoma, skiriasi, jis turėtų atrodyti maždaug taip:

   ! DOCTYPE html> html> body> style> div.a {text-align: centre; } / style> div> h1> Sveiki atvykę į mano svetainę / h1> p> Ši svetainė daugiausia skirta informacijai apie dalykus teikti. / p> / div> div> h2> Laukiame aukų / h2> p> prašome / p> / div> / body> / html>

2 metodas iš 2: HTML žymos „centras“ naudojimas

1. Atidarykite HTML dokumentą. Šis metodas apibūdina, kaip pasenti centras>žyma. Šis metodas vis dar gali veikti daugelyje naršyklių, tačiau geriausia tuo per daug nepasikliauti.
2. Raskite tekstą, kurį norite centruoti. Slinkite žemyn savo dokumentą, kol rasite pavadinimą, pastraipą ar kitą tekstą, kurį norite centruoti.
3. Ant abiejų teksto pusių uždėkite žymą „centras“. Kodas atrodo taip centras> tekstas / centras>. Čia „tekstas“ yra tekstas, kuris turi būti sutelktas. Jei šiame tekste yra kitų žymų, pvz., „P> / p>“ prieš pastraipą, „center“ žymes padėkite už esamų žymų ribų.

   Sveiki atvykę į mano svetainę / h1> / centras> centras> Patogiai! / centras>

4. Patikrinkite HTML dokumentą. Tai turėtų atrodyti maždaug taip:

   ! DOCTYPE html> html> body> h1> centre> Sveiki atvykę į mano svetainę / centras> / h1> centras> Palengvinkite sau! / Center> p1> Ši svetainė daugiausia skirta informacijai apie dalykus pateikti. > / html>