Ratkaistu: html-tiedosto vain kuva

Suurin ongelma html-tiedostojen kuvissa on, että niitä voi olla vaikea lukea ja käyttää verkkosivustolla. Tämä johtuu siitä, että useimmat selaimet näyttävät tekstin ja kuvat erikseen, mikä voi vaikeuttaa tiedoston sisällön näkemistä.

<img src="image.jpg">

Tämä on HTML-koodirivi, joka käskee verkkoselaimen näyttämään kuvatiedoston "image.jpg" sivulla.

HTML-syöte hyväksyy attribuutin

HTML:ssä voit käyttää -tunniste hyväksyäksesi attribuutin käyttäjältä. Voit esimerkiksi antaa käyttäjien kirjoittaa puhelinnumeron käyttämällä seuraavaa koodia:

Syöttötunniste sisältää automaattisesti tel-syöttökentän vaaditut attribuutit.

Tiedostot HTML-muodossa

HTML:ssä tiedostoja edustaa elementti. elementillä on src-attribuutti, joka määrittää näytettävän tiedoston URL-osoitteen. The elementillä on myös type-attribuutti, joka voidaan asettaa arvoon "image" tai "video". Jos type-attribuutiksi on asetettu "image", tiedosto näytetään kuvana asiakirjassa. Jos type-attribuutiksi on asetettu "video", tiedosto näytetään videona asiakirjassa.

Kuvia HTML-muodossa

HTML-kuvia käytetään esittämään graafisia objekteja asiakirjassa. Niitä voidaan käyttää kuvien, kuvakkeiden, logojen ja muun grafiikan näyttämiseen. Kuvia voidaan käyttää myös hyperlinkkien tai upotettujen videoiden luomiseen.

Jos haluat sisällyttää kuvan HTML-dokumenttiin, sinun on ensin lisättävä siihen sopiva tiedostopääte. Jos esimerkiksi haluat sisällyttää asiakirjaan kuvan nimeltä "logo.png", käytä seuraavaa koodia:

Voit myös käyttää img-tunnistetta yksinkertaisesti näyttämään tavallisen kuvatiedoston ilman mukana tulevaa tekstiä tai muotoilua:

Voit myös määrittää kuvan leveyden ja korkeuden käyttämällä leveys- ja korkeusmääritteitä: