Sentrer tekst i html (med bilder)

Innhold

Trinn
- Metode 1 av 2: Bruk av CSS
- Metode 2 av 2: Bruk av `center`-taggen i HTML

I denne opplæringen lærer du hvordan du sentrerer tekst på et HTML-nettsted. Vi bruker CSS (Cascading Style Sheets) til dette. Vi pleide å sentrere i HTML ved å bruke -tag, men dette fungerer ikke lenger i de fleste nettlesere.

Trinn

Metode 1 av 2: Bruk av CSS

1. Åpne tekstfilen der du beskriver stilene dine. Nå -taggen ikke lenger brukes, lag et nytt element i denne filen som sentrerer tekst i visse deler av HTML-dokumentet. Hvis du ikke har en egen CSS-fil, er kodene øverst i HTML-dokumentet mellom `Som - og -taggene er ikke der ennå, du kan plassere dem rett under -tag på følgende måte:

2. Lag en klasse som sentrerer tekst. De -taggen forteller HTML-dokumentet hvilken spesifikk del denne klassen gjelder. Skriv inn følgende mellom `stil`-taggene, og sørg for å klikke ↵ Skriv inn etter den første linjen:

div.en {}

3. Legg til tekstjustering-eiendom. type tekst-align: center; mellom seler i div.en-seksjon. `Overskriften` ser nå slik ut:

4. Legg til den rette div-merk teksten du vil sentrere. Dette gjør du ved å bruke -tag over denne teksten og lukk den med en -tag under denne teksten. For eksempel, hvis du vil sentrere en tittel avsnittet under den, vil den se slik ut: 5. Bruke div.en-tag for å sentrere andre elementer. Når du vil sentrere et annet element, for eksempel innhold mellom taggene og ), skriv for dette elementet og etter. Siden du er `div.a` som sentrerende css-kode, nå er disse elementene også sentrert. 6. Sjekk dokumentet ditt. Selv om teksten på nettsiden din selvfølgelig vil være annerledes, vil den se omtrent slik ut: Metode 2 av 2: Bruk av `center`-taggen i HTML 1. Åpne HTML-dokumentet. Denne metoden beskriver hvordan du sletter det foreldede -tag brukt. Denne metoden vil sannsynligvis fortsatt fungere i noen nettlesere, men det er best å ikke stole for mye på den. 2. Finn teksten du vil sentrere. Rull ned i dokumentet til du finner tittelen, avsnittet eller annen tekst du vil sentrere. 3. Plasser "senter"-taggen på hver side av teksten. Koden ser slik ut . Her er `tekst` teksten som skal sentreres. Plasser "senter"-taggene utenfor eksisterende tagger, hvis det er andre tagger i denne teksten, for eksempel " 4. Sjekk HTML-dokumentet ditt. Det skal se omtrent slik ut: no.FaqCartx.info / Datamaskiner og elektronikk Artikler om emnet "Sentrer tekst i html" Sentrer tekst i microsoft word Sentrer et bilde i html Få tekst til å blinke i html Endre fargen på tekst i html Оцените, пожалуйста статью Lignende Legg til mellomrom i html Lær html Lag en enkel nettside med html Sentrering av tekst i photoshop Endre fargen på en font i html Legg til javascript på nettstedet ditt med html Revider tekst i word Kryss ut tekst i whatsapp