Kuinka Tehdä Kuva HTML-muodossa

Sisällysluettelo:

Kuinka Tehdä Kuva HTML-muodossa
Kuinka Tehdä Kuva HTML-muodossa

Video: Kuinka Tehdä Kuva HTML-muodossa

Video: Kuinka Tehdä Kuva HTML-muodossa
Video: html tekstin muotoilut ja kuvan lisäys 2024, Marraskuu
Anonim

HTML on merkintäkieli, jota käytetään Internet-sivujen luomiseen. Sitä voidaan käyttää eri elementtien, mukaan lukien kuvien, näytön mukauttamiseen. Kuvien näytön asettaminen HTML-muodossa tapahtuu erityisen tagin avulla.

Kuinka tehdä kuva HTML-muodossa
Kuinka tehdä kuva HTML-muodossa

Ohjeet

Vaihe 1

Avaa HTML-tiedosto tekstieditorilla, jota käytät verkkosivujen muokkaamiseen. Jos sinulla ei ole HTML-tiedostoa, luo se napsauttamalla työpöytää tai haluamaasi kansioon hiiren kakkospainikkeella ja napsauttamalla valikkoa "Uusi" - "Tekstidokumentti". Kirjoita tiedostonimi ja lisää html-laajennus jakson jälkeen. Napsauta sitten hiiren kakkospainikkeella asiakirjaa uudelleen ja valitse "Avaa" - "Muistio". Näet tyhjän asiakirjan, johon voit laittaa HTML-koodin.

Vaihe 2

Kuvan luomiseen HTML-muodossa käytetään tunnistetta, joka on sijoitettava osioon näyttämistä varten. Esimerkiksi:

Kuva HTML-muodossa

Vaihe 3

Tunniste ei ole sulkeutuva eikä vaadi sulkemistunnistetta. Sen pääparametri, jota on käytettävä, on src, joka asettaa polun haluttuun kuvatiedostoon. Voit määrittää tällä rivillä sekä koko (https://: llä) että suhteellisen polun (esimerkiksi /pictures/img.jpg) ladattavaan kuvatiedostoon.

Vaihe 4

Toinen tärkeä parametri on alt, joka määrittää kuvan nimen ja sen tunnisteen sivulla. Tämä nimi tulee näkyviin, kun käyttäjä vie hiiren kuvan päälle.

Vaihe 5

Voit myös käyttää leveys- ja korkeusattribuutteja kuvaparametrien asettamiseen. Ensimmäinen asetus vastaa kuvan pituutta ja toinen sivun kuvan korkeutta. Tämä parametri määritetään pikseleinä. Täten & img> -tunniste voidaan asettaa:

Vaihe 6

Tämän tunnisteen avulla luodaan kuva, jonka polku on tallennettu src-määritteeseen. Kun viet hiiren kuvan päälle, näet viestin "kuvan nimi". Tässä tapauksessa kuvan leveys on 300 pikseliä ja korkeus 250 pikseliä. Voit asettaa kaikki yllä olevat parametrit haluamallasi tavalla.

Vaihe 7

Tallenna muutokset tiedostoon "Tiedosto" - "Tallenna" -toiminnolla. Avaa asiakirja selaimessa tarkistaaksesi, onko kuva luotu HTML-muodossa. Voit tehdä tämän napsauttamalla tiedostoa hiiren kakkospainikkeella, valitsemalla "Avaa" -osion ja napsauttamalla sitten riviä selaimesi nimen kanssa. HTML-kuvan luominen on valmis.

Suositeltava: