Kuva ei ole vain lisätty suoraan tekstiin. Selaimelle kerrotaan sen nimi ja opastetaan mihin ja miten se sijoitetaan näytölle. Käytä tätä varten yhtä HTML-img-tunnistetta. Se määrittää graafisen objektin sijainnin verkkosivulla.
Jos monet attribuutit ovat valinnaisia tunnisteille, img-tunnisteella on oltava vähintään yksi parametri - kuvan osoite. Tätä attribuuttia kutsutaan nimellä src:
- - tämä näyttää nykyiseen hakemistoon tallennetun goat.jpg-tiedoston;
- - tällä img-tunnisteen parametrilla selain lataa Internetiin lähetetyn kuvan megasellmag.ru-sivustolle.
Alignment-määritteet
Kuvien sijoittamiseen sivulle HTML:n avulla käytetään img-tunnistetta, jonka attribuutit vastaavat kuvan sijoittamisesta sivulle ja sen tekstin rivityksen luonteesta.
Selain sijoittaa kuvan oletusarvoisesti näytön keskelle, eikä teksti kiedo sen ympärille. Img-tunnisteen avulla voit ilmaista erimielisyytesi selaimen kanssa käyttämällä align-attribuuttia (alignment).
- kuva sijoitetaan sivun vasempaan reunaan ja teksti kiertää sitä oikealla.
Tekstin käyttäytyminen on samanlaista, jos kuva sijoitetaan oikealle (align=right), keskelle (tasaa=keskellä), ylhäällä (tasaa=ylhäältä), alas(tasaa=alhaalla) ja keskellä (keskellä).
Asetukset ja koot
Jotta tekstiä hiipiisi kuviin, img-tunniste on hankkinut erikoisattribuutit -hspace (vaaka-/vaakamarginaalit) ja vspace (pysty-/pystymarginaalit), jotka määrittävät tekstin sisennyksen määrän kuvien reunoista. pikseliä.
Kuva ei vain siirry kuuliaisesti pois tekstistä määritetyn määrän, vaan myös sivun reunasta, joten on parasta välttää suuria sisennyksiä.
Kuvien geometriset mitat ovat erittäin tärkeitä, ja ne eivät ole vain toivottavia, vaan joskus yksinkertaisesti välttämättömiä kuvan oikean näyttämisen kann alta. Tätä varten käytetään attribuutteja width (width) ja height (height), joiden arvo asetetaan pikseleinä tai prosentteina.
Jos määrität vain leveyden, korkeus valitaan automaattisesti alkuperäisillä mittasuhteilla. Prosenttikoot mahdollistavat kuvan sijoittamisen sivun oikeaan osioon selainikkunan koosta riippumatta, ja tämä tarve tulee usein esiin.
Muut vaihtoehdot
Reunus-attribuutti sulkee kuvan määritetyn paksuisen kehyksen sisään, mitä selain ei oletuksena tee.
Reunassa voi olla myös näennäisen merkityksetön nollaleveys (reuna='0'), mutta niin kauan, kunnes kuvasta tulee linkki, jolloin selain kiertää sen automaattisesti sinisellä reunuksella odottamatta ohjeita.
Jotkut kärsimättömät käyttäjät, jotka ovat raivoissaan alhaisista Internet-nopeuksista, yksinkertaisesti poistavat kuvien näyttämisen käytöstä. Tällaisissa tapauksissa tarjotaan alt-parametri, jonka avulla voit syöttäävaihtoehtoinen teksti, jonka käyttäjä näkee ruudussa, jossa kuvalla on kiire latautua.
Jos et pidä alt-parametrin mahdollisuuksista, img-tunniste voi tarjota longdesc-attribuutin, jonka arvo on asiakirjan URL-osoite, jossa on tarkempi kuvaus.
Usemap- ja ismap-attribuutit kertovat selaimelle, että kuva on kuva, jossa hyperlinkit ovat erillisiä alueita (linkkikartta), vain usemap-parametri määrittää navigointikartan palvelimella ja ismap - kartta asiakaspuolella.
Linkin 1 kuvaus alla olevassa kuvassa:
Eksoottisia esineitä
Lowsrc-attribuutti kehottaa selainta lataamaan ensin kopion (tai muun vaihtoehdon) alkuperäisestä kuvasta heikommanlaatuisena ja siten "kevyemmällä". Tämä temppu tarjotaan, jos käyttäjän Internet-nopeus on alhainen. Alkuperäinen kuva korvaa ladattaessa "fake".
Img-tunnisteen harvemmin käytetty galleryimg-attribuutti kutsuu kuvan ohjauspaneelin (kun osoitin vie sen päälle), jolloin voit avata oletusarvoisen Omat kuvat -kansion ja tulostaa, tallentaa tai lähettää kuvan sähköpostitse. Voit poistaa paneelin käytöstä asettamalla galleryimg-parametrin arvoon no/false ja ottaa sen käyttöön asettamalla Kyllä/tosi.
Uudessa HTML5-spesifikaatiossa useiden tunnisteiden jotkin parametrit on poistettu käytöstä. Esimerkiksi img:n attribuutit lowsrc, border, longdesc ja name on poistettu käytöstä.