Kuinka muuntaa kuva HTML-koodiksi

Käsien kirjoittaminen näppäimistöllä

Miehen kädet tietokoneen näppäimistöllä

Kuvan luotto: JatinderKumar/iStock/Getty Images

Vain muutamalla HTML-koodinpätkällä voit upottaa kuvan mille tahansa verkkosivulle, sähköpostiin tai muuhun Internet-pohjaiseen HTML- tai XML-dokumenttiin. Vaikka et voi "muuntaa" kuvaa HTML-koodiksi, voit tallentaa kuvan paikallisesti tai tiettyyn Web-osoitteeseen ja määrittää sille paikan HTML-dokumentissa. Voit myös määrittää, kuinka monta pikseliä kuvan tulee näyttää sekä pysty- että vaakasuunnassa. Lue, kuinka kuva muunnetaan HTML-koodiksi.

Vaihe 1

Valitse kuva. Se voi olla mikä tahansa kuva minkä kokoinen tahansa.

Päivän video

Vaihe 2

Tallenna kuva paikallisesti tai verkossa. Tämä tarkoittaa, että voit tallentaa sen tietokoneellesi tai tiettyyn Web-osoitteeseen. Jos haluat muiden ihmisten näkevän kuvan verkossa, sinun on ladattava kuva Web-palvelimelle. Käytä verkkosivustosi palvelinta tai jos sinulla ei ole verkkosivustoa, kokeile Picasaa tai muuta kuvien tallennus- ja jakamissovellusta. Huomaa URL-osoite, johon valokuva on tallennettu.

Vaihe 3

Avaa HTML-dokumentti. Käytä kuvatunnistetta ja kuvan tallennuspaikan tarkkaa URL-osoitetta: . Tämä upottaa kuvan HTML-asiakirjaasi. Kun käyttäjä avaa asiakirjan verkkoselaimen tai muun ohjelman kautta, kuva tulee näkyviin.

Vaihe 4

Säädä kuvan leveys pikseleinä ilmaistuna haluamallasi tavalla. Käytä jälleen kuvan tallennuspaikan tarkkaa URL-osoitetta. Esimerkiksi, http://example.com/image.jpg" leveys=400>. Tämä venyttää tai pienentää kuvan nykyistä leveyttä 400 pikseliin.

Vaihe 5

Säädä kuvan korkeutta haluamallasi tavalla pikseleinä ilmaistuna. Esimerkiksi, . Tämä venyttää tai pienentää kuvan nykyistä korkeutta 700 pikseliin.

Vaihe 6

Yhdistä leveyden ja korkeuden säädöt tarpeen mukaan. Esimerkiksi, .

Vaihe 7

Muuta kuva halutessasi linkiksi. Käytä ankkuritunnistetta, johon on upotettu kuvatunniste. Esimerkiksi, .