Hogyan kell központosítani a képet HTML-ben (illusztrációkkal)

Tulajdonság Igazítsa Címke úgy vélik, hogy elavult a HTML5 megjelenésével. Bár ez az attribútum még mindig a legtöbb webböngészőben működik, ajánlott a képek összehangolási stílusú asztalok (CSS). Ebben a cikkben elmondjuk, hogyan kell a CSS és az elavult címkével ellátott képeket Igazítsa.

Lépések

1. módszer: 2:

CSS (ajánlott)

egy. Adjon hozzá html kódot a képhez. A kép összehangolása érdekében a Cascading Style lapokat (CSS) használhatja, de az oldalra kell helyezni a HTML segítségével. A következő példa a címke használatára A kép beillesztése a kódban:

  Src ="Kutya.jpg" alt ="Ez egy kutya képe" osztály ="Központ">

Ahelyett Kutya.jpg Aljzat a képfájl neve, és az "ALT" után írja be a kép leírását. Jelentés Központ Az "osztály" nem változik, mert létrehoz egy CSS-osztályt ezzel a névvel.

2. Keresse meg a CSS kódot. Ha van egy külön CSS fájl az oldalon, nyissa meg. Ha nem, akkor a CSS-kód valószínűleg a címkékben található HTML-fájl tetején található . Léptessen a fájl tetejére a címkék megtalálásához .

Ha Tagov Nem, add hozzá őket. Olvas ez a cikk, További információ megszerzése.

3. Add hozzá a CSS kódot a kép összehangolásához. Az "50%" helyett egy másik értéket adhat meg, hogy megjelenjen a kép az oldalon. Caterd A kép a "100%" értékkel nem működik, így ez a szám másnak kell lennie.

.Center {Display: Block-Margin-Bal: Auto-Margin-Right: Auto-Szélesség: 50% -}

4. Mentse a módosításokat. Mentse el a HTML fájlt és a CSS fájlt (ha van). Így középen van a kép.

Szintén belül Tagov hozzáadhat osztály ="Központ", Egyéb képek törlése.

2. módszer 2:

Attribútum "Align" a HTML-ben

egy. Hozzon létre egy új bekezdést. Bár a képek központosításának módját elavultnak tekintik, még mindig számos böngészőben dolgozik. Azonban javasoljuk, hogy a CSS-ek működjenek, ha a böngészők megállítják a megadott attribútum fenntartását. Ne feledje, hogy az attribútum Igazítsa a képen csak az elemet érinti, amely körülveszi (például a címkék belsejében) vagy ). Például egy HTML fájlban új bekezdést hozunk létre hozzáadásával Egy külön sorban.

2. Adjon hozzá html kódot a képhez. Adja meg a következő kódot a címke után . Használja ezt a példát útmutatóként:


 Src ="Kutya.jpg" alt ="kép" Align ="Középső">

Ahelyett Kutya.jpg Aljzat a képfájl neve, és az "ALT" után írja be a kép leírását.

A "Közép" attribútum tájékoztatja a böngészőt, hogy a kép megjelenjen az oldal közepén.

3. Közelről bekezdés címke. Ehhez hozzáadjuk A címke Clip Art. A kész kódnak így kell kinéznie:


 Src ="Kutya.jpg" alt ="kép" Align ="Középső">

4. Mentse a módosításokat. Így középen van a kép.