Sisältö

• Askeleet
• Menetelmä 1/2: CSS (suositus)
• Tapa 2/2: HTML -koodin "align" -attribuutti

Attribuutti kohdistaa tag html> on poistettu käytöstä HTML5: n jälkeen. Vaikka tämä ominaisuus toimii edelleen useimmissa selaimissa, on suositeltavaa kohdistaa kuvat CSS -tyylisivujen avulla. Tässä artikkelissa aiomme näyttää sinulle, kuinka keskittää kuvat CSS: n ja vanhentuneen tunnisteen avulla. kohdistaa.

Askeleet

Menetelmä 1/2: CSS (suositus)

1. 1 Lisää kuvan HTML -koodi. Voit tasata kuvan CSS -tyylisivujen avulla, mutta sinun on sijoitettava se sivulle HTML -koodilla. Seuraavassa on esimerkki tagin käytöstä img> kuvan lisääminen koodiin:

   img src = "koira.webp" alt = "tämä on kuva koirasta">

   • Sijasta koira.webp korvaa kuvatiedoston nimi ja kirjoita "Alt" -merkin jälkeen kuvan kuvaus. Merkitys keskusta luokalle ei muutu, koska luot CSS -luokan tällä nimellä.
2. 2 Etsi CSS -koodi. Jos sivustollasi on erillinen CSS -tiedosto, avaa se. Jos ei, CSS on todennäköisesti HTML -tiedoston yläosassa, tunnisteiden sisällä pää>... Etsi tunnisteita vierittämällä tiedoston yläosaan tyyli> / tyyli>.
   • Jos tunnisteet tyyli> / tyyli> ei, lisää ne. Lue tämä artikkeli saadaksesi lisätietoja.
3. 3 Kohdista kuva lisäämällä CSS. "50%" sijasta voit antaa toisen arvon näyttääksesi kuvan sivulla. Et voi keskittää kuvaa arvolla "100%", joten tämän numeron pitäisi olla erilainen.

   .keskus {näyttö: lohko; marginaali-vasen: auto; marginaali-oikea: auto; leveys: 50%; }

4. 4 Tallenna muutokset. Tallenna HTML -tiedosto ja CSS -tiedosto (jos sellainen on). Tämä keskittää kuvan.
   • Myös tunnisteiden sisällä img> voi lisätä keskittää muita kuvia.

Tapa 2/2: HTML -koodin "align" -attribuutti

1. 1 Luo uusi kappale. Vaikka tämä kuvien keskittämismenetelmä on poistettu käytöstä, se toimii edelleen monissa selaimissa. Suosittelemme kuitenkin CSS: n käyttöä sivuston pitämiseksi toiminnassa, kun selaimet eivät enää tue määritettyä määritettä. Muista, että ominaisuus kohdistaa keskittää kuvan vain sitä ympäröivän elementin sisälle (esimerkiksi tunnisteiden sisälle) p> / p> tai div> / div>). Esimerkiksi HTML -tiedostossa luodaan uusi kappale lisäämällä p> erillisellä rivillä.
2. 2 Lisää kuvan HTML -koodi. Kirjoita seuraava koodi tunnisteen jälkeen p>... Käytä tätä esimerkkiä oppaana:

   p> img src = "koira.webp" alt = "picture" align = "middle">

   • Sijasta koira.webp korvaa kuvatiedoston nimi ja kirjoita "Alt" -merkin jälkeen kuvan kuvaus.
   • Keskimmäinen attribuutti käskee selaimen näyttämään kuvan sivun keskellä.
3. 3 Sulje kappaletunniste. Voit tehdä tämän lisäämällä / p> kuvakkeen jälkeen. Valmiiden koodien pitäisi näyttää tältä:

   p> img src = "koira.webp" alt = "picture" align = "middle"> / p>

4. 4 Tallenna muutokset. Tämä keskittää kuvan.