Zentréiert Text an HTML

Auteur: Tamara Smith
Denlaod Vun Der Kreatioun: 28 Januar 2021
Update Datum: 1 Juli 2024
Anonim
Things Mr. Welch is No Longer Allowed to do in a RPG #1-2450 Reading Compilation
Videospiller: Things Mr. Welch is No Longer Allowed to do in a RPG #1-2450 Reading Compilation

Inhalt

Dëse wikiHow léiert Iech wéi Dir Text op enger HTML Websäit zentréiert. Mir benotze CSS (Cascading Style Sheets oder Style Sheets) dofir. Mir hu fréier an HTML mat der Zentrum>Tag, awer dëst funktionnéiert net méi an de meeschte Browser.

Ze trëppelen

Method 1 vun 2: Mat CSS

  1. Öffnen d'Textdatei an där Dir Är Stiler beschreift. Elo den Zentrum>Tag gëtt net méi benotzt, maacht en neit Element an dëser Datei déi den Text a bestëmmte Beräicher vun Ärem HTML Dokument zentréiert. Wann Dir keng separat CSS Datei hutt, sinn d'Coden uewen am HTML Dokument tëscht den "Stil>" an "/ Stil>" Tags.
    • Wéi den Stil>- an / Stil>Tags sinn nach net do, Dir kënnt se direkt ënner de Kierper>taggt op folgend Manéier:
    • ! DOCTYPE html> html> body> style> / style>

  2. Erstellt eng Klass déi Text zentréiert. Den div>Tag erzielt Ärem HTML Dokument wéi eng spezifesch Sektioun dës Klass betrëfft. Gidd d'folgend tëscht den "Stil" Tags a gitt sécher zweemol ze klicken ↵ Gitt eran no der éischter Zeil:

      div.a {}

  3. Füügt den Text-ausriichtenPropriétéit. Typ Text-alignéieren: Zentrum; tëscht de Klameren an der div.a-Sektioun. De "Header" gesäit elo sou aus:

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

  4. Füügt déi richteg derbäi divmarkéiert den Text deen Dir zentréiere wëllt. Dir maacht dat duerch den div>markéiert iwwer dësen Text a schléisst en mat engem / div>markéiert ënnert dësem Text. Zum Beispill, wann Dir en Titel an den Abschnitt drënner zentréiere wëllt, gesäit et sou aus:

      div> h1> Wëllkomm op menger Websäit / h1> p> Dës Websäit ass haaptsächlech fir Informatiounen iwwer Saachen ze bidden. / p> / div>

  5. Benotzt den div.aTag fir aner Elementer ze zentréieren. Wann Dir en anert Element zentréiere wëllt, wéi zB Inhalt tëscht den Tags p> / p> an h2> / h2>), Dir tippt div> fir dëst Element an / div> duerno. Well Dir de "div.a" schonn als den zentréierenden CSS Code definéiert hutt, sinn dës Elementer elo och zentréiert.

      Stil> div.a {text-align: center; } / style> div> h2> Spende si wëllkomm / h2> p> wann ech glift / p> / div>

  6. Kontrolléiert Äert Dokument. Och wann den Text op Ärer Websäit natierlech anescht ass, sollt et sou ausgesinn:

      ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Wëllkomm op menger Websäit / h1> p> Dës Websäit ass haaptsächlech fir Informatioun iwwer Saachen ze bidden. / p> / div> div> h2> Spende si wëllkomm / h2> p> wann ech glift / p> / div> / body> / html>

Method 2 vun 2: Benotzt den "Zentrum" Tag an HTML

  1. Öffnen Äert HTML Dokument. Dës Method beschreift wéi een d'Veraltung kritt Zentrum>markéieren. Dës Method kann ëmmer nach an enger Zuel vu Browser funktionnéieren, awer et ass am beschten net zevill drop ze vertrauen.
  2. Fannt den Text deen Dir zentréiere wëllt. Scrollt Äert Dokument erof bis Dir den Titel, Paragraf oder aneren Text fannt deen Dir zentréiere wëllt.
  3. Setzt den "Zentrum" Tag op béide Säiten vum Text. De Code gesäit esou aus Zentrum> Text / Zentrum>. Hei ass "Text" den Text ze zentréieren. Wann et aner Tags an dësem Text sinn, wéi zum Beispill "p> / p>" virun engem Paragraf, placéiert d'Tags "Center" ausserhalb vun existenten Tags.

      Zentrum> h1> Wëllkomm op menger Websäit / h1> / Zentrum> Zentrum> Maacht Iech bequem! / Zentrum>

  4. Kontrolléiert Äert HTML Dokument. Et sollt sou eppes ausgesinn:

      ! DOCTYPE html> html> Kierper> h1> Zentrum> Wëllkomm op menger Websäit / Zentrum> / h1> Zentrum> Maacht Iech et einfach! / Center> p1> Dës Websäit ass haaptsächlech fir Informatiounen iwwer Saachen ze bidden. / P1> / Kierper > / html>