Sentreer 'n prent in html

Beeldbelyning is `n belangrike vaardigheid om te leer wanneer webbladsye gekodeer word. Ongelukkig, soos die kode verander, word sommige HTML-etikette nie meer deur alle webblaaiers herken nie. Probeer hierdie metodes om `n prent in HTML te sentreer. As dit nie werk nie, oorweeg dit om CSS (Cascading Style Sheets) te gebruik.

Trappe

Metode 1 van 2: Belyn in teks

Prent getiteld Sentreer `n prent in HTML Stap 1
1. Moenie die kode `sentrum` in jou merkers gebruik nie. In HTML-kodering kan jy teks sentreer, maar jy moet die belyning van die prent met `middel` merk. `n Beeld is nie `n reëlelement nie, so jy dui dit aan in verhouding tot ander elemente.
Prent getiteld Sentreer `n prent in HTML Stap 2
2. Begin `n nuwe reël kode. Gebruik `n paragraafmerker om aan te dui dat `n teksreël begin. Begin jou merker met
Prent getiteld Sentreer `n prent in HTML Stap 3
3. Voeg die prent by om te tik. Voeg dan jou beeldbeskrywing by deur alt=`prentbeskrywing` om te tik.
  • Die `src`-afdeling vertel die webblad wat die URL van die prent is.
  • Die `alt`-afdeling vertel die webblad wat om dit te noem.
    Prent getiteld Sentreer `n prent in HTML Stap 4
  • 4. Spesifiseer die belyning van jou prent. tipe align=`middel`>. Dit is die einde van die prentgedeelte van jou merker.
    Prent getiteld Sentreer `n prent in HTML Stap 5
    5. Voeg meer teks by. Maak dan die merker toe met

    Metode 2 van 2: Belyn `n `sentrum`-merker

    Prent getiteld Sentreer `n prent in HTML Stap 6
    1. Skep `n nuwe element en sentreer daardie element. Jy kan die prent binne daardie gesentreerde element vaslê. Dit sal egter ekstra spasie rondom jou element skep.
    Prent getiteld Sentreer `n prent in HTML Stap 7
    2. Begin `n nuwe reël kode. Begin om die element te sentreer. tipe
    Prent getiteld Sentreer `n prent in HTML Stap 8
    3. Voeg jou beeldmerker by. tipe `dansende.
    Prent getiteld Sentreer `n prent in HTML Stap 9
    4. Spesifiseer die hoogte en breedte van die prent. Voer iets in soos hoogte=`200` breedte=`200`> of enige ander grootte van jou keuse. Dit is die einde van die beeldgedeelte van die merker.
    Prent getiteld Sentreer `n prent in HTML Stap 10
    5. Maak jou merker toe met Byvoorbeeld, jou hele merker kan soos volg lyk:

    Waarskuwings

    Neem asseblief kennis dat beide die belyning- en sentreringsmerkers verouderd kan raak. Dit beteken dat hulle nie meer in die toekoms gebruik sal word nie. Alhoewel daar geen presiese datum is wanneer hulle nie meer gebruik sal word nie, sal blaaiers hulle uiteindelik nie meer herken nie en die kodes sal opgedateer moet word na CSS of HTML5.

    Оцените, пожалуйста статью