Sådan center du tekst i html

ThisTeaches dig, hvordan du skal centrere tekst på et HTML-websted ved hjælp af Cascading Style Sheets (CSS). Centrering i HTML bruges til at blive gjort med mærket, men det tag er nu betragtet forældet og fungerer ikke længere i de fleste browsere.

Trin

Metode 1 af 2:
Ved hjælp af CSS
  1. Billede med titlen 2974143 7
1. Åbn filen, der indeholder dine CSS-stilarter. Selvom mærket er forældet, kan du oprette et nyt element for at tilføje en del af en side til center tekst inden for sine grænser. Hvis du ikke har en separat fil til din CSS, finder du stilarterne øverst på HTML-filen mellem"" Tags.
  • Hvis du ikke allerede har og tagger, skal du tilføje dem direkte nedenfor øverst på filen som denne:
  • Billede med titlen 2974143 8
    2. Opret en klasse, der centrerer tekst. Det
    Tag vil fortælle dit HTML-dokument for at henvise til en bestemt del af teksten, så du opretter en klasse for det pågældende tag. Skriv følgende ind i rummet mellem "stil" Tags, sørg for at trykke på ↵ Indtast to gange efter den første linje:
    Div.en {}
  • Billede med titlen 2974143 9
    3. Tilføj tekst-Align ejendom. Type Tekst-ALIGN: Center- ind i rummet mellem de to krøllede parenteser i Div.-en afsnit. Hovedet skal nu se sådan ud:
  • Billede med titlen 2974143 11
    4. Tilføj den rigtige Div Tag til tekst, der skal være centreret. Du gør det ved at placere 
     Tag over den tekst, du vil centrere og lukke med en 
     Tag under den tekst, du vil centrere. For eksempel, at centrere en header og dets afsnit tekst, vil du indtaste følgende:
  • Billede med titlen 2974143 12
    5. Brug Div.-en Tag til at centrere andre områder. At centrere et andet element (e.G., Indhold mellem tags som og), type 
     før varen, og 
     efter det. Siden du allerede har "Div.-en" angivet som centreringskommandoen, dette vil centrere teksten, ligesom det gjorde før:
  • Billede med titlen 2974143 13
    6. Gennemgå dit dokument. Selvom indholdet vil variere, skal dit dokument se sådan ud:
     
    • Metode 2 af 2:
    Brug af midtermærket i HTML
    1. Åbn dit HTML-dokument. Denne metode beskriver, hvordan du bruger HTML-taggen, som nu er forældet. Fra december 2018 kan dette tag stadig arbejde i nogle webbrowsere, men det anbefales ikke at stole på dette mærke i det lange løb.
  • Billede med titlen 2974143 2
    2. Find den tekst, du vil centrere. Rul ned, indtil du finder overskriften, afsnit eller anden tekst, du vil centrere.
  • Billede med titlen 2974143 3
    3. Tilføj "centrum" Tag til hver side af teksten. Center-tagget er i formatet 
    tekst
     hvor "tekst" er din tekst. Hvis din tekst har tags på den (e.G., "" til afsnit tekst), "centrum" Tags kan gå uden for de eksisterende tags:
  • Billede med titlen 2974143 4
    4. Gennemgå dit HTML-dokument. Dit dokument skal se noget sådan ud:
    • Del på sociale netværk : 
     
     
     
     
    Lignende