Sentreer teks in html (met beelde)

Inhoud

Trappe
- Metode 1 van 2: Gebruik CSS
- Metode 2 van 2: Gebruik die `sentrum`-merker in HTML

In hierdie tutoriaal sal jy leer hoe om teks in `n HTML-webwerf te sentreer. Ons gebruik CSS (Cascading Style Sheets) hiervoor. Ons het vroeër in HTML gesentreer deur die -tag, maar dit werk nie meer in die meeste blaaiers nie.

Trappe

Metode 1 van 2: Gebruik CSS

1. Maak die tekslêer oop waar jy jou style beskryf. Nou die -merker nie meer gebruik word nie, skep `n nuwe element in hierdie lêer wat teks in sekere dele van jou HTML-dokument sentreer. As jy nie `n aparte CSS-lêer het nie, is die kodes boaan die HTML-dokument tussen die `Soos die - en -etikette is nog nie daar nie, jy kan dit direk onder die plaas -merk op die volgende manier:

2. Skep `n klas wat teks sentreer. Die -merker vertel jouHTML-dokument op watter spesifieke afdeling hierdie klas betrekking het. Tik die volgende tussen die `styl`-etikette, en maak seker dat jy klik ↵ Tik na die eerste reël:

div.`n {}

3. voeg die by teksbelyn-eiendom. tipe teksbelyn: middelpunt; tussen die draadjies in die div.a-afdeling. Die `kop` lyk nou so:

4. Voeg die regte een by div-merk die teks wat jy wil sentreer. Jy doen dit deur die gebruik van die -merk bokant hierdie teks en sluit dit met `n -merk onder hierdie teks. Byvoorbeeld, as jy `n titel die paragraaf daaronder wil sentreer, sal dit soos volg lyk: 5. Gebruik die div.a-merk om ander elemente te sentreer. Wanneer jy `n ander element wil sentreer, soos inhoud tussen die merkers en ), tik vir hierdie element en na. Aangesien jy die `div.a` as die sentrerende css-kode, nou is hierdie elemente ook gesentreer. 6. Gaan jou dokument na. Terwyl die teks op jou webblad natuurlik anders sal wees, sal dit iets soos volg lyk: Metode 2 van 2: Gebruik die `sentrum`-merker in HTML 1. Maak jou HTML-dokument oop. Hierdie metode beskryf hoe om die verouderde uit te vee -merker gebruik. Hierdie metode sal waarskynlik steeds in sommige blaaiers werk, maar dit is die beste om nie te veel daarop staat te maak nie. 2. Soek die teks wat jy wil sentreer. Rollees af in jou dokument totdat jy die titel, paragraaf of ander teks kry wat jy wil sentreer. 3. Plaas die `middel` merker aan weerskante van die teks. Die kode lyk so . Hier is `teks` die teks wat gesentreer moet word. Plaas die "sentrum"-merkers buite bestaande merkers, as daar ander merkers in hierdie teks is, soos " 4. Gaan jou HTML-dokument na. Dit behoort so iets te lyk: Af.FaqCartx.info / Rekenaars en elektronika Artikels oor die onderwerp "Sentreer teks in html" Sentreer 'n prent in html Leer html Skep 'n eenvoudige webblad met html Sentreer teks in photoshop Оцените, пожалуйста статью Soortgelyk Laat teks flikker in html Sentreer teks in microsoft word Voeg spasies in html by Voeg javascript by jou webwerf met html Verander die kleur van 'n lettertipe in html Verander die kleur van teks in html Programmering van 'n sakrekenaar in html Skep 'n e-posskakel in html