Sådan centreres tekst i HTML

HyperText Markup Language (HTML) er den måde, hvorpå de fleste websider er redigeret med formateringsmuligheder beslutninger såsom justering, afsnit, fed og skriftstørrelse. Hvis du redigerer HTML-kode til en side, kan du prøve to typer tekstredigering: HTML og Cascading Style Sheets (CSS). Du kan lære at centrere tekst i HTML ved at lære grundlæggende HTML-koder og prøve disse metoder.

trin

Metode 1
HTML-justering

Video: #2 - Flere HTML tags

1
Gør dig klar til at redigere HTML-sider ved at lære grundlæggende HTML-kode.
  • Se de forskellige tags, som du kan bruge til at ændre skrifttypen eller formateringen af ​​teksten. For eksempel bruges en lille bogstav "b" mellem store og små tegn til at identificere fed tekst. En lille bogstaver "jeg" bruges til at identificere tekst i kursiv. Indsæt ikke anførselstegn i din kode.
    Billede med titlen Center Text i HTML Trin 1Bullet1
  • Practice parring tags. De fleste formateringskoder kræver 2 koder i begyndelsen og slutningen af ​​teksten, du vil ændre. Det første mærke skal indeholde bogstaver eller symboler på mærket mellem store og mindre tegn (<>). Den anden vil indeholde en modstang foran taggen. For eksempel. Du vil placere en "b" mellem store og små tegn i begyndelsen af ​​en fed tekst og "/ b" mellem store og små tegn efter den fedte tekst.
    Billede med titlen Center Text i HTML Trin 1Bullet2
  • Billede med titlen Center Text i HTML Trin 2

    Video: Game Theory: How RICH is a Pokemon Master?

    2
    Find den tekst, du vil centrere på din side.
  • Billede med titlen Center Text i HTML Trin 3
    3
    Placer "center" -mærket mellem store og små tegn før teksten begynder. Anbring ikke mellemrum mellem teksten og teksten.
  • Billede med titlen Center Text i HTML Trin 4
    4
    Sæt "/ center" -mærket mellem store og små tegn efter teksten. Inkluder ikke plads.
  • Billede med titlen Center Text i HTML Trin 5
    5
    Gem din side. Visualiser for at sikre, at du har justeret teksten korrekt.
    • Hvis dette ikke ændrer indstillingen af ​​din tekst, bruger du et program som HTML5, der bruger CSS i stedet for HTML-kodning. Prøv den anden metode til at justere teksten korrekt.

      Video: How sugar affects the brain - Nicole Avena

      Billede med titlen Center Text i HTML Trin 5Bullet1
  • Video: Marshmello & Anne-Marie - FRIENDS (Music Video) *OFFICIAL FRIENDZONE ANTHEM*



    Metode 2
    CSS Alignment

    1
    Forbered dig på at ændre CSS på din side ved at lære det grundlæggende i CSS. CSS-koden er indsat over HTML-koden, fordi disse to markup-sprog arbejder sammen.
    • Anerkend termerne krop, h1, h2 og h3. De bruges til at angive tekstkroppen på en side eller den mindre og normale tekst. Den største overskrift er h1, mens h2 og h3 er mindre. Dette ligner det sprog, du bruger i HTML for at identificere dele af en webside.
      Billede med titlen Center Text i HTML Trin 6Bullet1
    • Brug paranteser i stedet for større og mindre tegn. Du placerer dit CSS-tag i parentes efter ordet "body" eller "h1". For eksempel, efter kroppen, kan du sætte følgende inde i parenteserne "tekstindtryk: 50px;". Dette instruerer dig til at indrykke din tekst. Indsæt ikke anførselstegn i din kode.
      Billede med titlen Center Text i HTML Step 6Bullet2
  • Billede med titlen Center Text i HTML Trin 7
    2
    Find det største og mindste signal i HTML`en i starten af ​​teksten, du vil ændre. Du placerer CSS-stilkoder inden for det første tag i denne linje af HTML-kode.
    • For eksempel, hvis vi ønskede at ændre toppunktet, kunne du finde "h1" mellem store og mindre tegn.
      Billede med titlen Center Text i HTML Step 7Bullet1
  • Billede med titlen Center Text i HTML Trin 8
    3
    Indsæt følgende kode umiddelbart efter "h" og før plustegnet, at "text-align = center;" Inkluder ikke anførselstegn.
  • Billede med titlen Center Text i HTML Step 9
    4
    Tilføj plustegnet, kort efter semikolonet. Gem din side.
    • Du kan også erstatte ordet "center" med "højre", "venstre" eller "retfærdiggøre" for at prøve forskellige justeringer.
      Billede med titlen Center Text i HTML Step 9Bullet1
  • Nødvendige materialer

    • Grundlæggende HTML-færdigheder
    • Grundlæggende færdigheder i CSS
    • Webside
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com