Tekst centreren in HTML

Schrijver: Laura McKinney
Datum Van Creatie: 10 April 2021
Updatedatum: 1 Juli- 2024
Anonim
Align Text Vertically | HTML And CSS
Video: Align Text Vertically | HTML And CSS

Inhoud

Deze wikiHow leert je hoe je tekst op een HTML-website kunt centreren met behulp van Cascading Style Sheets (CSS). Het centreren van tekst in HTML gebeurt met tags

, maar deze tag wordt als verouderd beschouwd en werkt niet meer op de meeste browsers.

Stappen

Methode 1 van 2: door CSS

  1. Open het bestand met de CSS-stijlen. Hoewel de kaart
    verouderd, maar u kunt nog steeds nieuwe elementen maken om overal op de pagina toe te voegen om de tekst binnen hun grenzen te centreren. Als u geen apart CSS-bestand heeft, moet u de stijl bovenaan het HTML-bestand specificeren, tussen de "tags.’.
    • Als er nog geen kaart is U moet deze direct onder de kaart toevoegen bovenaan het bestand zijn als volgt:

  2. Maak een tekstcentrumlaag. Kaart
    zal het HTML-document vragen om naar het specifieke gedeelte van de tekst te verwijzen, dus u moet deze tag classificeren. Voer de volgende tekst in de ruimte tussen de "style" tag in, vergeet niet op te drukken ↵ Enter tweemaal na de eerste regel:

    • Eigenschappen toevoegen text-align. Importeren text-align: center; in de ruimte tussen de beugels in de sectie div. een. De huidige titel ziet er als volgt uit:

      • Een kaart toevoegen div tekst moet worden gecentreerd. Ga verder door de kaart te plaatsen
        tekst boven de tekst die u wilt centreren en sluiten met tags onder de tekst die u wilt centreren. Om bijvoorbeeld een titel en de openingsparagraaf te centreren, moet u het volgende typen:
        • Gebruik van kaarten div. een om de andere regio's te centreren. Als u een ander element wilt centreren (bijvoorbeeld inhoud tussen tags zoals en

          ), voer in
          voor de tekst en daarna. Aangezien je "div.a" hebt gespecificeerd als het centreercommando, zal deze tekst gecentreerd worden net als de vorige:
          • Documentbeoordeling. De inhoud kan variëren, maar over het algemeen zou uw document er nu ongeveer zo uit moeten zien:
              advertentie

            Methode 2 van 2: Gebruik de middelste tag in HTML

            1. Open het HTML-document. Deze methode beschrijft hoe u HTML-tags gebruikt
              (nu ook verouderd). Sinds december 2018 is deze kaart nog steeds actief in sommige webbrowsers, maar op de lange termijn zou je deze kaart nog steeds niet moeten gebruiken.
            2. Identificeer de tekst die u wilt centreren. Scrol omlaag totdat u de titel, alinea of ​​andere tekst vindt die u wilt centreren.
            3. Voeg de "center" tag toe aan de uiteinden van de tekst. Deze middelste tag heeft een indeling
              tekst
              , waarbij "tekst" de tekst is die moet worden gecentreerd. Als de tekst al een interne tag heeft (bijvoorbeeld "" voor de alinea), kan de tag "center" buiten de reeds bestaande tags vallen:
              • Bekijk het HTML-document. Het document zou er nu als volgt uit moeten zien:
                  advertentie