Kuidas HTML lisamine graafilise, taustapildi. Kuidas pildi lisamist HTML arvuti keset tabel

Visuaalne osa on üks tähtsamaid töötamisel saitidele. Muidugi, funktsionaalsus on halvem, vaid ka viskama seda ei tohiks võtta. Räägime, kuidas arvuti kohapeal paigaldada HTML pilt. Üks võimalus selleks annavad või mitu? Kuidas HTML lisamine pilt, et teised inimesed on näinud seda? Mis oleks parem kasutada - PC või server?

Mis on HTML?

Markup Language hüperteksti dokumendid - et akronüüm seisis. Mis see moodustatud selgroog tulevikus saidi, siin see töötas asetades põhielementi. Siis loodud kaskaadlaadistike ja php-faile, mis on vastutavad andmete edastamise. Aga keskmes tahes lehel on lihtsalt HTML. Mis siis, muide, pildi seatud. On ka teisi võimalusi, kuid kui soovite anda esialgne eest midagi lihtsat, nagu joonistamine, kasutada tema nime. Ja nüüd liigume selgitada küsimust, HTML lisamine pilt.

Kasutades img tag

Kuidas kasutamise graafika. Kuidas lisada tausta pildi HTML-dokument? Ja ennekõike tähendab selle fail insert lehel objekti. Sest siin lisaks ja seda kasutatakse img. See märgis on joon elemente, mis erineb selle sisu on asendatav. See hõlmab kõiki nelja Hyper Text Markup Language. Üks - on src, kõrgus ja laius, nii peetakse veelgi. Kolm teised - see objekt, embed (lisada meediasisu) ja iframe (kasutamise leegid). Tag töötab, kui see on kooskõlas kirje. Ainus erinevus - kasutatakse loata välist sisu, mis kuvatakse. Ja see peab olema osaline toimikust, et tegelikult laaditakse. Kui teil on küsimus, kuidas lisada tausta pildi HTML, see on kõige parem sellest loobuda. Sest see kuvatakse ainult siis, kui tegutsevad arvuti ise, mis pilt asub.

Kasutades atribuuti src

Niisiis, me kaalume küsimus, kuidas lisada HTML-dokumendi graafiline kujutis. Selleks, et määrata tee pilt, mis on võimalik laadida, kasutades src. Üldine skeem on järgmine: teil on vaja kasutada seda omadust, võrdusmärk ja sisestage aadress.

Kui sõelumisel HTML brauser jõuab tag, siis kohe luua ala, kus kuvatakse rea. See on tema ja laeb välise faili. Tee ei tohiks sisaldada vigu, sest see on tema jaoks minna programmi. Ja kui ta ei leia faili, kuvatakse viga ikoon, mis ei ole väga esteetiliselt meeldiv ja paistab. Kuidas lisada pildi tabelisse HTML-dokument? On vaja registreerida kõik koodi õigesse asukohta.

Kujutise reguleerimine serveris: kõrgus ja laius tag img

Nii et me teame, kuidas HTML lisamine pilt. Olgem nüüd uurida, kuidas seda seadistada. Kui fail on alla laaditud kasutaja käivitab arvuti, siis on see kohe määratletud pildi suurus. Ja mis siis, kui see ei vasta esialgne parameetrite soovitud? Sel juhul võivad parameetrid aidata kõrgus ja laius (pikslite arv). Sel juhul, kood on kirjutatud järgmiselt: esiteks src ja aadress faili. Siis sarnastele struktuuride märgitud laius ja milline peaks olema laius. Ja viimane - kõrgus ja kõrgus. Webmasters teevad sageli vea: server laadida suuri faile, mille suurus on mitu megabaiti. Ettenähtud tee, ja reguleerib pildi soovitud suurus. Selle tulemusena saab kasutaja kontempleerida üsna aeglaselt koormatud väike pilt. See ei ole väga ahvatlev välimus väljastpoolt.

Soovitused töö

Et vältida negatiivset ette vähendada pildi suurust. Kui te pole kindel, mis võimalusi on vaja atraktiivset välimust, teha koopia ja katsetada seda. Samuti tuleks hoolitseda läheneda kaalujälgimine. On vaja läbi viia ilma kvaliteedi kadu kaalu vähendamine pildifaile konverteerimist laiendusi või kasutades erilist Internetis teenuseid ja programme. See sobib mitte ainult kasutajad saidile, vaid ka webmaster - sest sellised failid laaditakse kiiremini ja vähem ruumi kohta hosting.

Näide salvestamise võimeid

Vaatame, kuidas saab määrata pildi rada:

1. Üks faili nimi.

2. Märkus pilt aadress asub üks kohalik arvuti (server).

3. Üksikasjalikud tee faili asukoht erineval host.

Kui kasutate näiteks esimese lõigu kujutise peab olema samas kataloogis kui pildil. Teine koht on alamkaust võrreldes praeguse lehe. Kolmas näide täpsustab täisrada kust leida pilt, mida soovite. Viimasel juhul tähele, et pilt võib olla mis tahes serveri (kui selline kasutamine ei ole keelatud .htaccess fail). Siiski, kui see eemaldatakse, ja pilt saidi kaob. HTML on funktsioon, mis nõuab esinemist ainult dokumendi juurdehindlus, ja kõike muud saab üles laadida serveri poolel. Need meetodid on sageli kasutatud suurendada allalaadimise kiirus (aga siis pead teadma, kuidas kasutada seda tööriista).

Nimetamine alt ja title IMG?

Mida teha, kui pildifail, mis tahes põhjusel, ei ole koormatud dokumendi HTML? Kui see on vale oma tee või midagi muud, alt atribuut tuleks kasutada. Ta on ülesande esitada alternatiivne pilt. Siin me eeldame, et graafika ei laadita. Aga brauseri ikka moodustavad pindala pilt. Samuti on vajalik juhul, kui kasutaja ootab podgruzki, ja sa pead näitama talle, et programm on valmis vastu võtma ajakava.

Et näidata saatetekst, eriline atribuut pealkiri. Tegelikult on see tooltip, ja te saate seda kasutada peaaegu iga visuaalse HTML-koodi element. See on hea, sest see võimaldab teil selgitada teatud aspekte. Kasutatakse kahte näidatud käesoleva alapealkirjas atribuuti on järgmine: ülaltoodud näites pärast esimest kõrgust kogune alt ning seejärel soovitud.

Veelgi enam, need atribuudid ei saa kasutada vaid luua mugavust külastaja. Nad võivad olla positiivne mõju edendamine saidile. Nii peaks see olema nende märksõnade kasutamine. See parandab pingerida ressurss saitide ja teenuste pilte otsingumootorid. Aga kõik, mida peaks olema ettevaatlik ja otstarbekuse.

viia pilte

Sest pilte ja üldiselt kõik 4 märgistuskeel elemendid, mis olid eelnevalt mainitud, võeti kasutusele align atribuut. Mis siis, saate muuta asukohast pilte. Vaikimisi on joondatud alumine serv. Sest see on kõige alumine. Ja kuidas seda teha tipus? See nõuab top. Praktikas see näeb välja selline: pärast src, kus aadress pilt näitab, lisage align atribuut ja selle väärtus.

Ja joon, kus on pilt, siis kohakuti ülemise serva. Kuidas HTML lisamine pildi keskel? On veel üks võimalus kirjutada - keskel. Kui kasutate seda ei muuda oluliselt midagi. Kui kasutate sellist koodi mustri joondatud keskele. Võite teha mähkida teksti ümber pildi. Selleks, paremale ja vasakule atribuudid kohaldada. muutub "ujuvad" Sellistel juhtudel pildi. Nihe vasakule välja sama nagu teised õigekirja. Kasutades õigust annab sarnase tulemuse selle erinevusega, et pilt pannakse paremale. Kasutada neid juhiseid on oma nüansid. Seega oluline probleem on liiga lähedal teksti pildi. Sellepärast ta lõi kinni mõju, mis on üsna ebameeldiv silma. Aga seda saab parandada, kasutades CSS-stiil või HTML-koodi. Selliseid muutusi vspace ja hspace atribuute. Esimene seab polstri ülemine ja alumine, ja teine - paremal ja vasakul.

Me teeme tausta

Kuidas pildi lisamist HTML-leht kodulehel? Väga kasulik selle saavutamiseks on omistada taustal. See on osa keha liige. Selle eesmärk - näidata teed pildifaili, mis peaks täitma leht, lauale või rakus. Praktikas kasutamine on järgmine: Pilt aadress registrid on väärtus bodybackground parameeter. Taustapilt on seatud selliselt, kordunud teljed koordinaatidele ja abstsiss alates ülemises vasakus nurgas. Eelmine dokk siin järgida. Kui soovite täita midagi nii lihtne kui ühte värvi, selle asemel pilti, saate seda lühikirjeldus: skaalal number parameetrina iseloomulik keha bgcolor. Siin oli väikeseid muudatusi. Nagu näete, see on juba kasutusel bgcolor atribuut. Sest see on ainult vaja täpsustada, mis värvi see täidetakse lehe või osa sellest. Siin on, kuidas pildi lisamist HTML arvutiga teha seda tausta ja muuta värvi. Üldiselt, et täielikult õppida HTML, piisavalt aega, et anda see nädal, ja see on rohkem kui piisavalt.

järeldus

HTML, kuigi seda ei saa väita, et täieõiguslik programmeerimiskeelt, aga on väga väärtuslik saidi loomiseks. Ta on tõeline luu. Ja me saame kindlalt öelda, et nüüd, te teate, kui me töötame koos tausta ja fikseeritud pilte ja lisada need lingid. Nii et vastus küsimusele, kuidas sisestada pilt HTML, peaks olema selge.