Kuinka tallentaa kuva selaimen f12-näppäimellä. Lisäämme WEB-sivulle kuvia sekä videota ja ääntä! Valokuvien tallentaminen samalla kun suojataan sivua kopioimiselta

Word for Office 365 Outlook Office 365 PowerPoint Office 365 Word Office 365 Macille PowerPoint Office 365 Macille Word 2019 Outlook 2019 PowerPoint 2019 PowerPoint 2019 Macille Word 2019 Macille Word 2019 Macille Word 2016 Outlook 2016 Outlook 2016 PowerPoint 2023 PowerPoint 2023 PowerPoint 2023 Word 2010 Outlook 2010 PowerPoint 2010 Word 2007 Outlook 2007 PowerPoint 2007 PowerPoint 2016 Macille Word 2016 Macille Less

Office-tiedostoon upotetut kuvat ja grafiikat tallennetaan tiedostoon. Voit kuitenkin tallentaa piirustuksen erilliseksi tiedostoksi, jotta sitä voidaan käyttää muualla.

Kuvan tallentaminen erilliseksi tiedostoksi

Käytä tietokoneesi PowerPointissa seuraavia ohjeita valokuville, muodoille, kaavioille, SmartArt-grafiikalle, digitaaliselle musteelle ja tekstilaatikoille.

Wordissa ja Outlookissa alla olevat vaiheet koskevat vain valokuvia.

Tämä ominaisuus ei ole käytettävissä Excelissä.

Napsauta hiiren kakkospainikkeella kuvaa, jonka haluat tallentaa erilliseksi kuvatiedostoksi ja valitse Tallenna kuvana.

Listattu tyyppi

Kirjoita Tiedostonimi-kenttään piirustukselle uusi nimi tai vahvista ehdotettu tiedostonimi.

Kuvatiedostomuodot

Tiedosto muoto

Kuvaus

Muoto JPEG (File Interchange Format)
Muoto PNG (Portable Network PNG-kuvamuoto)
	Alusta ilman laadun heikkenemistä aina, kun muokkaat ja tallennat tiedoston.
Laitteesta riippumaton bittikartta
Windowsin metatiedosto	Graafinen muoto "vektori" 16 bitillä
Windows Enhanced Metafile	Graafinen muoto "vektori" 32-bittinen
Muoto SVG (skaalautuva vektorigrafiikka) (Vain Office Insiders, versio 1908 tai uudempi)	Kuvia voidaan muokata kuvanlaatua menettämättä. Tiedostot tukevat häviötöntä tietojen pakkausta.

Tämä ominaisuus on käytettävissä Wordissa, PowerPointissa ja Excelissä. Se sopii valokuville, muodoille, kaavioille, SmartArt-grafiikalle, digitaaliselle musteelle ja tekstilaatikoille.

Tallenna piirustus tai muu kuva erilliseksi tiedostoksi

Valitse Tiedostotyyppi-luettelosta haluamasi muoto.

Siirry Missä-ruudussa kansioon, johon haluat tallentaa kuvan.

Kuvatiedostomuodot

Tiedosto muoto

Kuvaus

Muoto PNG (Portable Network Graphics Format	Voit parantaa graafisten kuvien laatua verkkosivustoilla, koska voit tehdä kuvan osista läpinäkyviä ja säätää kirkkautta.
Muoto JPEG (Joint Graphics Expert Group)	Sopii parhaiten malleihin, joissa on täyteläiset värit, kuten skannatut valokuvat.
PDF -tiedosto (Portable Document Format)	Kannettava muoto, joka voi sisältää tekstiä ja kuvia.
GIF -tiedosto (GIF-grafiikkamuoto)	Tarjoaa tuen 256 värille ja kuvatietojen säilyttämiseen tiedostoa pakatessa.
BMP (Laitteesta riippumaton bittikartta)	Missä tahansa ohjelmassa luodut piirustukset näkyvät toisessa ohjelmassa täsmälleen samoin kuin alkuperäisessäkin.

Huomautus: Tämä sivu on käännetty automaattisesti ja saattaa sisältää epätarkkuuksia ja kielioppivirheitä. Meille on tärkeää, että tämä artikkeli on hyödyllinen sinulle. Oliko tiedoista hyötyä? Mukavuuden vuoksi myös (englanniksi).

Hei rakkaat blogin lukijat! Tässä artikkelissa opit kaiken kuvan lisäämisestä html-sivulle. Onko sinulla useita kuvia, jotka haluat laittaa sivullesi vai haluatko laittaa logon sivustollesi? Kaikki tämä on helppoa. Kun olet lukenut tämän artikkelin, voit lisätä kuvia html-sivuillesi ilman vaikeuksia. Tätä varten puhumme yksityiskohtaisesti img-tunnisteesta ja sen attribuuteista, tarkastellaan lyhyesti graafisia tiedostomuotoja, kuten gif, jpeg ja png, ja tarkastellaan myös HTML5:n uusia ominaisuuksia, jotka helpottavat videon ja äänen lisäämistä. sivustoon.

Koska grafiikkaa ja html-tekstiä ei voi yhdistää yhdeksi tiedostoksi, ne näkyvät sivustolla eri tavalla kuin html-sivujen muut elementit. Ensinnäkin graafiset kuvat ja muut multimediatiedot tallennetaan erillisiin tiedostoihin. Ja niiden upottamiseen verkkosivulle käytetään erityisiä tunnisteita, jotka sisältävät linkkejä näihin yksittäisiin tiedostoihin. Erityisesti tällainen tunniste on img-tunniste. Kun selain on kohdannut tällaisen osoitteen sisältävän tunnisteen, se pyytää ensin vastaavaa kuvaa, ääntä tai videota sisältävää tiedostoa Web-palvelimelta ja näyttää sen vasta sitten Web-sivulla.

Kaikkia graafisia kuvia ja yleensä kaikkia verkkosivusta erillään oleviin tiedostoihin tallennettuja tietoja kutsutaan upotetuiksi sivuelementeiksi.

Ennen kuin lisäät kuvia ja katsot "img" -tunnistetta yksityiskohtaisesti, kannattaa oppia hieman grafiikkamuodoista.

Graafiset kuvamuodot.

Grafiikkamuotoja on monia erilaisia, mutta selaimet tukevat vain muutamia. Katsotaanpa kolmea niistä.

1. JPEG-muoto ( Yhteinen valokuvausasiantuntijaryhmä). Melko suosittu muoto, jota käytetään kuvien tallentamiseen. Tukee 24-bittisiä värejä ja pitää kaikki valokuvien rasterit muuttumattomina. Mutta jpeg ei tue läpinäkyvyyttä ja vääristää kuvien pieniä yksityiskohtia ja tekstiä. JPEG-tiedostoa käytetään ensisijaisesti valokuvien tallentamiseen. Tässä muodossa olevien tiedostojen tunniste on jpg, jpe, jpeg.

2. GIF-muoto ( Graphics Interchange Format). Tämän muodon tärkein etu on kyky tallentaa useita kuvia kerralla yhteen tiedostoon. Tämän avulla voit luoda kokonaisia ​​animoituja videoita. Toiseksi se tukee avoimuutta. Suurin haittapuoli on, että se tukee vain 256 väriä, mikä ei sovellu valokuvien tallentamiseen. GIF:iä käytetään pääasiassa logojen, bannerien, kuvien, joissa on läpinäkyviä alueita ja tekstiä, tallentamiseen. Tässä muodossa olevilla tiedostoilla on tunniste gif.

3. PNG-muoto ( Kannettava verkkografiikka). Tämä muoto kehitettiin korvaamaan vanhat GIF-tiedostot ja jossain määrin JPEG. Tukee läpinäkyvyyttä, mutta ei salli animaatiota. Tämän muodon pääte on png.

Web-sivustoja luodessaan he käyttävät yleensä kuvia JPEG- tai GIF-muodossa, mutta joskus he käyttävät PNG-muotoa. Tärkeintä on ymmärtää, missä tapauksissa mitä muotoa on parempi käyttää. Lyhyesti:

JPEG sopii parhaiten valokuvien tai harmaasävykuvien tallentamiseen, jotka eivät sisällä tekstiä;

• GIF-tiedostoa käytetään pääasiassa animaatioissa;
• PNG on kaiken muun muoto (kuvakkeet, painikkeet jne.).

Kuvien lisääminen html-sivuille

Joten kuinka lisäät kuvan verkkosivulle? Yksi img-tunniste mahdollistaa kuvan lisäämisen. Selain sijoittaa kuvan Web-sivun kohtaan, jossa se kohtaa img-tunnisteen.

Koodi kuvan lisäämiseksi html-sivulle näyttää tältä:

Tämä html-koodi sijoittaa verkkosivulle image.jpg-tiedostoon tallennetun kuvan, joka sijaitsee samassa kansiossa kuin verkkosivu. Kuten olet ehkä huomannut, kuvan osoite on ilmoitettu src-attribuutissa. Kerroin jo mikä se on. Joten src-attribuutti on pakollinen attribuutti, joka ilmaisee kuvan sisältävän tiedoston osoitteen. Ilman src-attribuuttia img-tagilla ei ole merkitystä.

Tässä on muutama esimerkki lisää tiedoston osoitteen määrittämisestä kuvalla:

Tämä html-koodi lisää kuvan kuva.jpg-nimiselle sivulle, joka tallennetaan verkkosivuston juuressa olevaan kuvat-kansioon.

Attribuutti src voi sisältää muutakin kuin vain suhteellisia linkkejä kuviin. Koska kuvat tallennetaan verkkoon html-sivujen ohella, jokaisella kuvatiedostolla on oma URL-osoite. Siksi voit lisätä kuvan URL-osoitteen src-määritteeseen. Esimerkiksi:

Tämä koodi lisää sivulle kuvan sivustolta mysite.ru. URL-osoitetta käytetään yleensä, kun osoitat toisella sivustolla olevaan kuvaan. Sivustollesi tallennettujen kuvien kohdalla on parempi käyttää suhteellisia linkkejä.

Img-tunniste on rivielementti, joten se on parempi sijoittaa lohkoelementin sisään, esimerkiksi "P" -tunnisteen sisään - kappale:

Harjoitellaan ja laitetaan sivullemme kuva aiemmista html-artikkeleista. Luon "images" -kansion sivuni html-tiedoston viereen ja sijoitan sinne "bmw.jpg" -kuvatiedoston, joka näyttää tältä:

Sitten lisätyn kuvan sisältävän sivun html-koodi on seuraava:

Ja katso näyttötulosta selaimessa:

Kuten näemme, kuvien sijoittamisessa web-sivuille ei ole mitään monimutkaista. Seuraavaksi tarkastellaan muutamia muita tärkeitä "img"-tunnisteen attribuutteja.

Alt-attribuutti on varavaihtoehto

Koska kuvatiedostot tallennetaan erillään verkkosivuista, selaimen on tehtävä erilliset pyynnöt niiden hakemiseksi. Mutta entä jos sivulla on paljon kuvia ja verkkoyhteyden nopeus on alhainen, lisätiedostojen lataaminen vie huomattavasti aikaa. Ja vielä pahempaa, jos kuva poistettiin palvelimelta tietämättäsi.

Näissä tapauksissa itse web-sivu latautuu onnistuneesti, kuvien sijaan näytetään vain valkoisia suorakulmioita. Siksi kertoaksesi käyttäjälle, mikä kuva on, . Tällä määritteellä määrität niin sanotun korvaustekstin, joka näkyy tyhjässä suorakulmiossa, kunnes kuva ladataan:

Ja suunnilleen tältä se näyttää:

Aseta kuvan mitat

On vielä pari img tag -attribuuttia, joista sinun pitäisi tietää. Tämä on leveys- ja korkeusmääritteiden pari. Voit käyttää näitä määrittämään kuvan mitat:

Molemmat attribuutit määrittävät koon pikseleinä. Leveys-attribuutti kertoo selaimelle, kuinka leveä kuvan tulee olla, ja height-attribuutti kuinka korkea sen tulee olla. Näitä kahta attribuuttia voidaan käyttää yhdessä tai erikseen. Jos esimerkiksi määrität vain leveysattribuutin, selain valitsee automaattisesti korkeuden suhteessa määritettyyn leveyteen ja myös jos käytetään vain korkeusattribuuttia. Jos et määritä näitä määritteitä ollenkaan, selain määrittää automaattisesti kuvan koon ennen sen näyttämistä näytöllä. On vain syytä huomata, että kuvakokojen määrittäminen nopeuttaa hieman selainta sivua näytettäessä.

Toistaiseksi tässä on kyse kuvien lisäämisestä sivuille, sitten tarkastellaan kuinka lisätä ääntä tai videota verkkosivustolle...

Videon ja äänen lisääminen HTML 5:n avulla

Uusi html5-spesifikaatio sisältää useita uusia tunnisteita, jotka tekevät mediatiedostojen upottamisesta erittäin helppoa. Tämä koskee ensisijaisesti videota ja ääntä.

Äänen lisäämistä varten HTML5 tarjoaa parillisen AUDIO-tunnisteen. Sen tiedoston osoite, johon äänileike on tallennettu, osoitetaan meille jo tutulla src-attribuutilla:

"Audio" -tunniste luo lohkoelementin sivulle. Oletusarvoisesti selain ei toista äänileikettä. Jotta se voi tehdä tämän, sinun on määritettävä erityinen automaattisen toiston attribuutti äänitunnisteeseen. Erikoinen, koska sillä ei ole väliä. Pelkästään tämän attribuutin läsnäolo tunnisteessa riittää, jotta se tulee voimaan.

Oletusarvoisesti äänileikettä ei näytetä verkkosivulla. Mutta jos laitat attribuutin "audio"-tunnisteeseen ilman ohjausobjektien arvoa, selain näyttää äänentoistosäätimet verkkosivulla, johon äänitunniste on sijoitettu. Näitä ovat toisto-/taukopainike, toistopalkki ja äänenvoimakkuuden säädin:

Jos haluat lisätä videon Web-sivulle, käytä videoparia. Tällä tunnisteella kaikki on sama kuin äänitunnisteessa - videotiedoston osoite määritetään käyttämällä src-attribuuttia, ja käyttämällä autoplay- ja controls-attribuutteja, voit aloittaa videon automaattisen toiston ja näyttää videon toistosäätimet.

Kuvien ja multimedian lisäämisestä html-sivuille ei ole paljon sanottavaa. Toivottavasti kysymys "Kuinka lisätä kuva html-sivulle?" vastasin sinulle. joten tiivistän vain:

lisätäksesi kuvia html-sivulle, käytä yhtä img-tunnistetta ja määritä kuvan sisältävän tiedoston osoite src-attribuutissa;

• käyttämällä img-tunnisteen alt-attribuuttia, voit määrittää korvaavan tekstin, jos kuva ei lataudu;
• käyttämällä leveys- ja korkeusattribuutteja, voit määrittää verkkosivulla olevan kuvan mitat;
• Äänen ja videon lisäämiseksi html5:een on vastaavasti paritetut ääni- ja videotunnisteet.

Jos jokin on epäselvää, kysy kommenteissa ja älä unohda tilata blogipäivitykseni. Nähdään seuraavissa postauksissa!

Jokainen tekstin kanssa työskentelyyn tarkoitettujen toimistoohjelmien käyttäjä on tavalla tai toisella kohdannut ongelman kuvan poimimisessa asiakirjasta. Usein tämä ei ollut ongelma, mutta saattoi käydä niin, että kuvan irrottaminen oli mahdotonta. Napsauta hiiren kakkospainikkeella sitä ei kehottanut meitä tallentamaan sitä kuvana.

Onneksi, käytätkö Microsoft Officea tai Google Docsia, on olemassa loistava yhden luukun ratkaisu, jonka avulla voit tallentaa minkä tahansa kuvan mihin tahansa asiakirjaan.

Kuvien tallentaminen Google Docsista

Jos Google-dokumenteissa, kun tallennat kuvan asiakirjasta, kokeilit yksinkertaisinta vaihtoehtoa: napsautit sitä etkä löytänyt "tallenna kuva nimellä" -vaihtoehtoa, sinun on tehtävä seuraava:

• Siirry kohtaan Tiedosto > Lataa nimellä > Verkkosivu (HTML)
• Avaa tietokoneellesi tallennettu ZIP-tiedosto.
• Tämän ZIP-tiedoston sisällä on kansio nimeltä "Images". Se sisältää kaikki asiakirjassasi olleet kuvat.

Kuvien tallentaminen Microsoft Word -asiakirjasta

Joissakin Microsoft Wordin versioissa et voi yksinkertaisesti napsauttaa kuvaa hiiren kakkospainikkeella ja tallentaa sitä tietokoneellesi. Jos käytät vain tätä tekstieditorin versiota, sinun tulee poimia kuva Word-asiakirjasta noudattamalla näitä ohjeita:

Nämä yksinkertaiset vaiheet voivat auttaa sinua parantamaan toimistosovellusten käyttötaitojasi, lisäämään tuottavuuttasi ja helpottamaan monia tehtäviä.

Video: kuinka tallennat kuvan Word-asiakirjasta

Oletetaan, että päätät lisätä seuraavan kuvan verkkosivustollesi:

Ensin sinun on tallennettava tämä kuva tietokoneellesi. Tee tämä siirtämällä hiiren osoitin kuvan päälle ja napsauttamalla hiiren oikeaa painiketta. Valitse "Tallenna kuva nimellä..." Määritä kuvan tallennuspaikka (Kuten suosittelin aiemmin - tee esimerkiksi C-asemaan erillinen sivustokansio ja tallenna kaikki oppituntitiedostot sinne.)
Tallenna kuva samaan paikkaan, jossa tekemämme sivu sijaitsee - page.html Jätä kuvatiedoston nimi samaksi raha-master.jpg
Jälleen, ole varovainen! Tiedoston nimi ei ole money-master.i pg, ei money-master.jpq, vaan raha-master.jpg

Voit lisätä sivulle kuvan käyttämällä tunnistetta . img on englanninkielinen sana im ag e...image, picture. Kuvan nimeä käytetään parametrina tälle tunnisteelle. Tietokoneen on tiedettävä, mikä kuva haluamme lisätä

Meidän tapauksessamme lisätäksesi kuvan money-master.jpg, lisäämme seuraavan koodin sivukoodiin kohtaan, johon haluamme lisätä kuvan:

tai olisi oikeampaa kirjoittaa näin , vaikka yllä oleva koodi toimii myös.

Parametri src määrittää kuvatiedoston nimen.
src englannin sanasta s ourc e - resurssi, lähde

Img src= voidaan laajentaa kuvalähteeksi/tiedostonimena =

Siten sivumme koodi näyttää tältä

Tänään on upea päivä.

tunnisteet
lisätty sijoittamaan kuva useita rivejä tekstin alle.

Nyt sivumme näyttää tältä.

On suositeltavaa ilmoittaa sen mitat kuvaparametreissa. Käytä tätä varten leveys (kuvan leveys) ja korkeus (kuvan korkeus) parametreja.

(ole myös varovainen kirjallisesti. Ei kanssa, ei witdh, ei heihgt)

Nuo. esimerkiksi näin:

Kuvan mitat on ilmoitettu pikseleinä.

Jos haluat tekstin näkyvän kun viet hiiren osoittimen kuvan päälle, voit tehdä tämän käyttämällä alt-parametria

esimerkiksi näin:

alt="Sivusto rahan ansaitsemisesta Internetissä" > !}

Tämä teksti näkyy myös, jos grafiikka on poistettu käytöstä selaimessasi (esimerkiksi liikenteen säästämiseksi). Mutta tämä vaihtoehto ei toimi kaikissa selaimissa. Se toimii Internet Explorerissa.

tämän komennon analogi on parametri title=

tee muutoksia koodiin ja katso mitä tapahtuu.

Joten sivumme koodi tulee olemaan seuraava:

Ensimmäinen Internet-sivuni vain 5 minuutissa

Tänään on upea päivä.
Tein ensimmäisen nettisivuni.

Minusta tulee rikas ja vapaa mies!

Mukana olevien kuvien käyttäminen tekstissäsi parantaa suuresti sitä, miten lukijat ymmärtävät antamasi tiedot. HTML:ssä on vastaava tagi kuvien lisäämiseksi sivulle. . Ja tänään tarkastelemme yksityiskohtaisesti tämän tunnisteen käyttöä, mitä attribuutteja se tukee ja vastaamme useisiin yleisiin kysymyksiin, joita aloittelevat verkkovastaavat kysyvät.

Kuvan (kuvan) lisääminen HTML-sivulle

Kuten aiemmin mainittiin, tunnistetta käytetään kuvien lisäämiseen sivulle . Sen lyhyt muoto on seuraava:

HTML:ssä ja näin:

XHTML:ssä. Esimerkistä näet, että jälkimmäiselle lisätään vinoviiva (vinoviiva) loppuun.

Kaikki tämä on niin sanotusti kuvan nopea lisäys, joka ei sisällä mitään attribuutteja, paitsi linkin tiedostoon.

Tämä tunniste ( ), toisin kuin esimerkiksi linkki, ei ole suljettu ja se on kirjoitettu yllä antamassani muodossa. Suositeltu attribuutti on "alt":

joka näkyy, kunnes kuva ei ole latautunut kokonaan tai siinä on rikki (olematon) linkki.

Nyt on järkevää puhua kaikista tunnisteen tukemista määritteistä .

Luettelo olemassa olevista tunnisteen attribuuteista HTML:ssä

Kaikki kuvien attribuutit on erotettu välilyönnillä. Ja tässä on varsinainen luettelo niistä.

src – sisältää linkin kuvaan, voi olla joko absoluuttinen (linkki toisella sivustolla olevaan tiedostoon) tai suhteellinen (linkki sivustollasi olevaan tiedostoon). Hyväksytyt muodot: JPEG (JPG), PNG, GIF, BMP, ICO, APNG, SVG Ja . Esimerkki absoluuttisen kuvan osoitteen käytöstä:

Esimerkki käytöstä suhteellisella kuva-osoitteella:

alt – sisältää tekstiä – vihje kuvasta, joka ei näy/ei ole. Käyttöesimerkki:

tasaa – määrittää kuvan tasauksen suhteessa viereiseen tekstiin (luodaan kuvan ympärille kiertävän tekstin). Kelvolliset arvot: alkuun, pohja, keskellä, vasemmalle Ja oikein. Käyttöesimerkki:

border – määrittää kuvan ympärillä olevan reunuksen (kehyksen) leveyden. Kelvolliset arvot: px, %

Attribuuttia ei tueta HTML5:ssä.

korkeus – määrittää kuvan korkeuden. Kelvolliset arvot: px, % ja muita määriä. Käyttöesimerkki:

leveys – määrittää kuvan leveyden. Kelvolliset arvot: px, % ja muita määriä. Käyttöesimerkki:

hspace – määrittää kuvan vaakasuoran (vasemman ja oikean) sisennyksen. Kelvolliset arvot: px, % ja muita määriä. Käyttöesimerkki:

Attribuuttia ei tueta HTML5:ssä.

vspace – määrittää kuvan pystysuoran (ylä- ja alaosan) tilan. Kelvolliset arvot: px, % ja muita määriä. Käyttöesimerkki:

Attribuuttia ei tueta HTML5:ssä.

longdesc – sisältää osoitteen laajennettuun kuvakuvaukseen. Kelvolliset arvot: TXT-tiedosto. Osoite, kuten src-attribuutti, voi olla absoluuttinen tai suhteellinen. Käyttöesimerkki:

crossorigin – attribuutti, jonka avulla voit lisätä kuvan toisesta sivustosta verkkotunnusten välisen pyynnön (CORS) kautta. Kelvolliset arvot: anonyymi(anonyymi pyyntö ilman valtuustietojen välittämistä) ja käyttöoikeustiedot(pyyntö valtuustietojen siirrolla). Käyttöesimerkki:

Attribuuttia tuetaan vain HTML5:ssä.

srcset – määrittää luettelon tiedostoista, jotka näytetään näytön leveyden tai tiheyden mukaan. Kelvolliset arvot: Nw(jossa N on mikä tahansa positiivinen kokonaisluku) ja Kx(jossa K on positiivinen desimaaliluku). Käyttöesimerkki:

Attribuuttia ei tueta Android- ja Internet Explorer -selaimissa.

koot – määrittää srcset-attribuutissa määritettyjen kuvien koon. Kelvolliset arvot: Seuraava, Nrem, Nem, Nvmin, Nch, Nvh, Nvw, Nvmax, Nin, Nq, Nmm, Npc, Ncm, Npt Ja Npx, jossa N on positiivinen luku. Käyttöesimerkki:

Esimerkin toimintaperiaate on seuraava: jos näytön resoluutio on alle 600 px, aseta kuvan leveydeksi 300 px ja päinvastoin, jos se on suurempi kuin 600 px, aseta kuvan leveydeksi 600 px.

Attribuuttia, kuten attribuuttia srcset, ei tueta Android- ja Internet Explorer -selaimissa.

usemap – liittää kuvan karttaan, joka määritetään tagilla. Kelvolliset arvot: #nimi(jossa nimi on kortin nimi-attribuutin arvo) ja #id(jossa id on kortin tunnus -attribuutin arvo). Käyttöesimerkki:

Linkkiä ei voi luoda, jos map() on kääritty linkkiin ( ) tai painiketta ().

ismap – liittää kuvan johonkin palvelinkartan alueeseen. Kun napsautat tällaista kuvaa, napsautuksen koordinaatit luetaan vasemmasta yläkulmasta ja lähetetään pyyntö linkissä määritettyyn osoitteeseen. Jotta attribuutti toimisi, kuva on käärittävä linkkiin ( ). Käyttöesimerkki:

HTML:ssä ja näin:

Lisäksi se tukee globaaleja määritteitä luokkaa Ja id, sekä suoraan upotustyylejä:

Haluttaessa suurin osa henkilökohtaisista ominaisuuksista voidaan korvata vastaavilla tyyleillä.

Kuinka lisätä kuva (kuva) taulukkoon?

Sillä ei ole väliä, mihin tarkalleen haluat lisätä kuvan sivustolla, oli se sitten taulukko tai esimerkiksi div-lohko, lisäys suoritetaan kaikissa tapauksissa saman periaatteen mukaan:

Logomme:

Se on yksinkertaista.

Kuinka tehdä kuvasta (kuvasta) linkki HTML:ssä?

Jotta kuvasi olisi napsautettava lisäämällä sivustosi (eikä vain) toiselle sivulle siirtymisen toiminto, kääri se tunnisteeseen :

Onko sinulla vielä kysyttävää? Voit vapaasti kysyä heiltä tämän artikkelin alla olevissa kommenteissa.