Centrer tekst i html (med billeder)

Indhold

Trin
- Metode 1 af 2: Brug af CSS
- Metode 2 af 2: Brug af `center`-tagget i HTML

I denne tutorial lærer du, hvordan du centrerer tekst på et HTML-websted. Vi bruger CSS (Cascading Style Sheets) til dette. Vi plejede at centrere i HTML ved hjælp af -tag, men dette virker ikke længere i de fleste browsere.

Trin

Metode 1 af 2: Brug af CSS

1. Åbn tekstfilen, hvor du beskriver dine stilarter. Nu -tag ikke længere bruges, skal du oprette et nyt element i denne fil, der centrerer tekst i visse dele af dit HTML-dokument. Hvis du ikke har en separat CSS-fil, er koderne øverst i HTML-dokumentet mellem `Som - og -tags er der ikke endnu, du kan placere dem direkte under -tag på følgende måde:

2. Opret en klasse, der centrerer tekst. Det -tag fortæller ditHTML-dokument, hvilken specifik sektion denne klasse vedrører. Indtast følgende mellem `stil`-tags, og sørg for at klikke ↵ Indtast efter første linje:

div.en {}

3. tilføje tekstjustering-ejendom. type tekst-align: center; mellem bøjlerne i div.-en-afsnit. `Overskriften` ser nu sådan ud:

4. Tilføj den rigtige div-tag den tekst, du vil centrere. Det gør du ved at bruge -tag over denne tekst og luk den med et -tag under denne tekst. For eksempel, hvis du vil centrere en titel i afsnittet under det, vil det se sådan ud: 5. Brug div.-en-tag for at centrere andre elementer. Når du vil centrere et andet element, såsom indhold mellem tags og ), type for dette element og efter. Da du er `div.a` som centrerende css-kode, nu er disse elementer også centreret. 6. Tjek dit dokument. Selvom teksten på din webside selvfølgelig vil være anderledes, vil den se nogenlunde sådan ud: Metode 2 af 2: Brug af `center`-tagget i HTML 1. Åbn dit HTML-dokument. Denne metode beskriver, hvordan du sletter det forældede -tag brugt. Denne metode vil sandsynligvis stadig fungere i nogle browsere, men det er bedst ikke at stole for meget på den. 2. Find den tekst, du vil centrere. Rul ned i dit dokument, indtil du finder titlen, afsnittet eller anden tekst, du vil centrere. 3. Placer `center`-mærket på hver side af teksten. Koden ser sådan ud . Her er `tekst` den tekst, der skal centreres. Placer "center"-tags uden for eksisterende tags, hvis der er andre tags i denne tekst, såsom " 4. Tjek dit HTML-dokument. Det skulle se sådan ud: Da.FaqCartx.info / Computere og elektronik Artikler om emnet "Centrer tekst i html" Centrer et billede i html Centrer tekst i microsoft word Få tekst til at blinke i html Skift farven på tekst i html Оцените, пожалуйста статью Lignende Lær html Tilføj et baggrundsbillede til html Overstrege tekst i whatsapp Tilføj mellemrum i html Opret en simpel webside med html Skift farven på en skrifttype i html Opret et e-mail-link i html Tilføj et link til et billede i html