Hoe om teks in html te sentreer

Disteaches U hoe om teks in `n HTML-webwerf te sentreer met behulp van cascading style lakens (CSS). Gesentreer in HTML was met die merker gedoen, maar die tag word nou as verouderd beskou en werk nie meer in die meeste blaaiers nie.

Stappe

Metode 1 van 2:
Gebruik CSS
  1. Beeld getiteld 2974143 7
1. Maak die lêer oop wat jou CSS-style bevat. Alhoewel die merker verouderd is, kan u `n nuwe element skep om by enige deel van `n bladsy by te voeg om teks binne sy grense te sentreer. As jy nie `n aparte lêer vir jou CSS het nie, vind jy die style bo-aan die HTML-lêer tussen die"" Tags.
  • As jy nie reeds het nie en etikette, voeg dit direk hieronder bo-aan die lêer by:
  • Beeld getiteld 2974143 8
    2. Skep `n klas wat teks sentreer. Die
    Merk sal jou HTML-dokument vertel om `n gespesifiseerde gedeelte van die teks te verwys, sodat jy `n klas vir daardie tag sal skep. Tik die volgende in die spasie tussen die "styl" Tags, maak seker dat jy druk ↵ Tik twee keer na die eerste reël in:
    div.a {}
  • Beeld getiteld 2974143 9
    3. Voeg die TEKST-ALIGN eiendom. Tipe TEKST-ALIGN: SENTRUM- in die ruimte tussen die twee krullerige hakies in die div.n gedeelte. Die kop moet nou so lyk:
  • Beeld getiteld 2974143 11
    4. Voeg die regte by div Merk aan teks wat gesentreer moet word. Jy sal dit doen deur die 
     Tag bo die teks wat jy wil sentreer en sluit met `n 
     Tag onder die teks wat u wil sentreer. Byvoorbeeld, om `n koptekst en sy paragraaf teks te sentreer, sal u die volgende inskryf:
  • Beeld getiteld 2974143 12
    5. Gebruik die div.n Tag om ander gebiede te sentreer. Om `n ander element te sentreer (e.heid g., Inhoud tussen etikette soos en), tipe 
     voor die item, en 
     daarna. Sedert u reeds het "div.n" Spesifiseer as die sentreringsopdrag, sal dit die teks sentreer soos dit voorheen gedoen het:
  • Beeld getiteld 2974143 13
    6. Hersien jou dokument. Alhoewel die inhoud sal wissel, moet u dokument so iets lyk:
    • Metode 2 van 2:
    Gebruik die middelpunt in HTML
    1. Maak jou HTML-dokument oop. Hierdie metode beskryf hoe om die HTML-tag te gebruik, wat nou verouderd is. Vanaf Desember 2018 kan hierdie merker nog in sommige webblaaiers werk, maar dit word nie aangeraai om op die langtermyn op hierdie merker te staatmaak nie.
     
  • Beeld getiteld 2974143 2
    2. Vind die teks wat jy wil sentreer. Rol af totdat jy die kop, paragraaf of ander teks vind wat jy wil sentreer.
  • Beeld getiteld 2974143 3
    3. Voeg die "middel" Tag aan elke kant van die teks. Die middelpunt is in die formaat 
    teks
     waar "teks" is jou teks. As u teks daarop gemik het (e.heid g., "" vir paragraaf teks), die "middel" Tags kan buite die bestaande etikette gaan:
  • Beeld getiteld 2974143 4
    4. Hersien jou HTML-dokument. Jou dokument moet so iets lyk:
    • Deel op sosiale netwerke: 
     
    	  
     
     
    Soortgelyk