Miðju texta í HTML

Höfundur: Tamara Smith
Sköpunardag: 28 Janúar 2021
Uppfærsludagsetning: 1 Júlí 2024
Anonim
The Bonfire #233 (10-09-2017)
Myndband: The Bonfire #233 (10-09-2017)

Efni.

Þessi wikiHow kennir þér hvernig á að miðja texta á HTML vefsíðu. Við notum CSS (Cascading Style Sheets eða style sheets) fyrir þetta. Við notuðum áður miðju í HTML með því að nota miðstöð>tag, en þetta virkar ekki lengur í flestum vöfrum.

Að stíga

Aðferð 1 af 2: Notkun CSS

  1. Opnaðu textaskrána þar sem þú lýsir stílnum þínum. Nú er miðstöð>tag er ekki lengur notað, búðu til nýjan þátt í þessari skrá sem mun miðja texta á ákveðnum svæðum HTML skjalsins þíns. Ef þú ert ekki með sérstaka CSS skrá eru kóðarnir efst í HTML skjalinu á milli "style>" og "/ style>" tags.
    • Eins og stíll>- og / stíll>merkin eru ekki til ennþá, þú getur sett þau beint undir líkami>tag á eftirfarandi hátt:
    • ! DOCTYPE html> html> body> style> / style>

  2. Búðu til bekk sem miðar texta. The div>merki segir til um HTML skjalið þitt hvaða ákveðna hluta þessi flokkur á við. Sláðu inn eftirfarandi á milli „style“ merkjanna og vertu viss um að smella tvisvar ↵ Sláðu inn eftir fyrstu línu:

      div.a {}

  3. Bæta við texta-samræmaeign. Gerð text-align: miðja; milli spelkna í div.a-hluti. „Hausinn“ lítur nú svona út:

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

  4. Bættu við réttu divmerktu við textann sem þú vilt miðja. Þú gerir þetta í gegnum div>tag fyrir ofan þennan texta og lokaðu honum með a / div>tag undir þessum texta. Til dæmis, ef þú vilt miðja titil og málsgreinina fyrir neðan hann lítur hann svona út:

      div> h1> Velkomin á heimasíðuna mína / h1> p> Þessi vefsíða er aðallega til að veita upplýsingar um hlutina. / p> / div>

  5. Nota div.atag til að miðja aðra þætti. Þegar þú vilt miðja annan þátt, svo sem efni á milli merkjanna p> / p> og h2> / h2>), þú slærð inn div> fyrir þennan þátt og / div> á eftir. Þar sem þú hefur þegar skilgreint „div.a“ sem miðju CSS kóða eru þessir þættir nú einnig miðjaðir.

      stíll> div.a {text-align: center; } / style> div> h2> Framlög eru vel þegin / h2> p> please / p> / div>

  6. Athugaðu skjalið þitt. Þó að textinn á vefsíðunni þinni sé auðvitað annar, þá ætti hann að líta svona út:

      ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Velkomin á heimasíðuna mína / h1> p> Þessi vefsíða er aðallega til að veita upplýsingar um hlutina. / p> / div> div> h2> Framlög eru velkomin / h2> p> vinsamlegast / p> / div> / body> / html>

Aðferð 2 af 2: Notaðu „miðju“ merkið í HTML

  1. Opnaðu HTML skjalið þitt. Þessi aðferð lýsir því hvernig á að verða úreltur miðstöð>tag. Þessi aðferð gæti samt virkað í fjölda vafra, en best er að treysta ekki á hana of mikið.
  2. Finndu textann sem þú vilt miðja. Flettu niður skjalið þangað til þú finnur titilinn, málsgreinina eða annan texta sem þú vilt miðja.
  3. Settu „miðju“ merkið sitt hvorum megin við textann. Kóðinn lítur svona út miðja> texti / miðja>. Hér er „texti“ textinn sem á að miðja. Ef það eru önnur merki í þessum texta, svo sem „p> / p>“ fyrir málsgrein, skaltu setja „miðju“ merkin fyrir utan núverandi merki.

      miðstöð> h1> Velkomin á heimasíðuna mína / h1> / miðstöð> miðstöð> Láttu þér líða vel! / miðja>

  4. Athugaðu HTML skjalið þitt. Það ætti að líta svona út:

      ! DOCTYPE html> html> body> h1> center> Velkomin á heimasíðuna mína / miðstöð> / h1> center> Gerðu það auðvelt fyrir þig! / Center> p1> Þessi vefsíða er aðallega til að veita upplýsingar um hlutina. / P1> / body > / html>