Si për të HTML për të futur një grafik, imazhin e sfondit. Si për të futur një imazh në HTML me kompjuter në mes, tabelën

Vizuale pjesë është një nga më të rëndësishme kur punojnë me vende. Sigurisht, funksionalitetin është inferiore, por edhe për të hedhur jashtë me të nuk duhet të jetë llogaria. Le të flasim rreth asaj se si një kompjuter në faqen e internetit për të instaluar HTML image. Një mundësi për këtë është dhënë, apo disa? Si për të HTML për të futur një imazh që njerëzit e tjerë e kanë parë atë? Çfarë më mirë përdorimi - PC ose server?

Çfarë është HTML?

Gjuha Markup dokumente HyperText - se akronim qëndruar për. Me të formuar shtylla kurrizore e faqes ardhmen, këtu ai ka punuar e vendosur elementet kryesore. Pastaj ngriti Cascading Style Sheets, dhe PHP-dosjet që janë përgjegjëse për transmetimin e të dhënave. Por në zemër të çdo faqe është vetëm HTML. Me të, nga rruga, imazhi vendosur. Ka mënyra të tjera, por në qoftë se ju doni që të sigurojë një pagesë fillestare të diçka të thjeshtë, të tilla si vizatimi, përdorin emrin e tij. Dhe tani le të shkojë për të sqaruar çështjen, si në HTML për të futur një imazh.

Duke përdorur tag img

Getting në përdorimin e grafikë. Si për të futur një imazh sfond në HTML-dokument? Dhe para së gjithash do të thotë me këtë foto si një futur në faqen e objektit. Për këtu kjo shtesë dhe është përdorur IMG. Ky kod është elementet e linjës, ku përmbajtja është zhvendosshem. Ajo përfshin të gjitha katër nga Hyper Text Markup Language. One - është src, lartësi dhe gjerësi, ata do të konsiderohen më tej. Tre të tjerë - ky objekt, embed (për të futur përmbajtjen e medias) dhe Iframe (përdorimin e flakë). Tag punon si në qoftë se ajo ka një zë i veçantë. Dallimi i vetëm - është përdorur përmbajtje të paautorizuar të jashtme, e cila është shfaqur. Dhe kjo duhet të jetë palë në dosjen që, në fakt, do të jetë i ngarkuar. Nëse keni një pyetje, si për të futur një background image në HTML, është mirë që të hidhni atë. Për shkak se ajo do të shfaqet vetëm kur veprojnë vetë kompjuterin, në të cilën imazhi është e vendosur.

Duke përdorur atribut src

Pra, ne jemi duke marrë parasysh çështjen e se si për të futur një dokument HTML në një imazh grafik. Të përcaktojë rrugën në foto, e cila është për të ngarkuar, duke përdorur SRC. Gjenerali Skema është si vijon: ju duhet të përdorni këtë atribut, një shenjë të barabartë dhe futni adresën.

Pasi parsing shfletues HTML vjen me tag, ajo menjëherë do të krijojë një zonë në të cilën pika e linjës do të shfaqet. Ajo është në të dhe do të ngarkesës një skedar të jashtëm. Rruga nuk duhet të përmbajë gabime, pasi ajo është për të që të shkojë në program. Dhe në qoftë se ajo nuk gjen file, ajo do të shfaq një gabim ikonë që nuk është shumë i kënaqshëm dhe duket. Si për të futur një imazh në një tryezë HTML-dokument? Është e nevojshme për të regjistruar të gjithë kodin në vendin e saktë.

Rregullimi imazhin në server: lartësi dhe gjerësi e IMG tag

Pra, ne e dimë se si për të HTML për të futur një imazh. Le të shqyrtojmë tani se si të konfiguroni atë. Pasi file është shkarkuar për përdorues kompjuteri fillon, ajo do të jetë menjëherë i definuar foto madhësi. Dhe çfarë nëse ajo nuk përkon me parametrat fillestare të dëshiruar? Në këtë rast, parametrat mund të ndihmojë lartësi dhe gjerësi (numrin e pixels). Në këtë rast, kodi do të përshkruhen si vijon: së pari, SRC dhe adresën e file. Pastaj të strukturave të ngjashme treguar gjerësinë, dhe çfarë duhet të jetë gjerësia. Dhe e fundit - lartësia dhe lartësia. Webmasters shpesh bëni gabim: serveri ngarkoni fotografi të mëdha madhësia e të cilit është disa megabajt. Përshkruar rrugën, dhe rregullon imazhin në madhësinë e dëshiruar. Si rezultat, përdoruesi mund të mendojë si mjaft ngadalë ngarkuar një të vogël image. Kjo nuk është një shumë tërheqës vështrim nga jashtë.

Rekomandimet për punë

Për të shmangur negative paraprakisht të zvogëluar madhësinë e imazhit. Nëse jeni të pasigurt se cilat opsione janë të nevojshme për një pamje tërheqëse, të bëjë një kopje dhe të eksperimentojnë me të. Gjithashtu, duhet pasur kujdes për qasje të menaxhimit të peshës. Është e nevojshme për të kryer pa ndonjë zvogëlimin e peshës humbje të cilësisë së imazhit fotografi nga konvertimin në zgjerimet e tjera, ose duke përdorur shërbime të veçanta në internet dhe programe. Ai është i përshtatshëm jo vetëm për përdoruesit e internetit, por edhe webmasteri - për shkak se këto fotografi do të ngarkohet më të shpejtë dhe të zënë më pak hapësirë në një hosting.

aftësitë Shembull regjistrimit

Le të shohim se si ju mund të vendosni rrugën për imazhin:

1. Emri One file.

2. Shënim adresë image vendosur në një kompjuter lokal (server).

3. detajuar rrugë për vendndodhjen e file në një tjetër host.

Kur duke përdorur shembullin e paragrafit të parë të imazhit duhet të jetë në të njëjtën directory si imazh. Lokacioni i dytë është një subfolder në lidhje me faqen aktuale. E treta Shembulli specifikon absolute rruga ku për të gjetur imazhin që ju dëshironi. Në rastin e fundit, theksohet se fotografia mund të jetë në ndonjë server (në qoftë se një përdorim i tillë nuk është i ndaluar në dosjen .htaccess). Megjithatë, në qoftë se ajo është hequr, dhe imazhi është në faqen tuaj zhduket. HTML është një tipar që kërkon praninë e vetëm Markup dokumentit, dhe çdo gjë tjetër mund të jetë i ngarkuar në anën e serverit. Këto metoda janë përdorur shpesh për të rritur shpejtësinë e shkarkimit (por atëherë ju duhet të dini se si të përdorin këtë mjet).

Emërimi i alt dhe titullin për img?

Çfarë duhet të bëni kur një file imazh, për çfarëdo arsye, nuk është i ngarkuar me HTML dokument? Në qoftë se kjo është e gabuar për rrugën tuaj apo diçka tjetër, alt atributi duhet të përdoret. Ai ka për detyrë të paraqitur një imazh alternative. Këtu ne supozojmë se grafika nuk janë të ngarkuar. Por shfletuesi ende formojnë zonën nën imazhin. Ajo është gjithashtu e nevojshme në rastet kur përdoruesi pret podgruzki, dhe ju duhet të tregojnë atë se programi është gati të pranojë orarin.

Për të demonstruar tekstin shoqërues, një titull të veçantë atribut. Në fakt, kjo tooltip, dhe ju mund ta përdorni atë për pothuajse çdo dukshme element i HTML-code. Kjo është e mirë sepse ajo ju lejon për të shpjeguar aspekte të caktuara. Duke përdorur dy e treguar në këtë atribut subtitle është si vijon: në shembullin e mësipërm, pasi lartësia e parë rritet ALT, dhe pastaj titullin.

Për më tepër, këto atribute nuk mund vetëm të shërbejë për të krijuar lehtësi për vizitor. Ata mund të kenë një ndikim pozitiv në promovimin e faqes. Pra, kjo duhet të mbahen në përdorimin e tyre të fjalë kyçe. Kjo do të përmirësojë renditjen e një burim në renditjen e vendeve dhe Shërbime imazhe motorët e kërkimit. Por në të gjitha që ju duhet të jenë të kujdesshëm dhe racionaliteti.

lidhur fotografi

Për imazhet, dhe në përgjithësi të gjithë 4 e elementeve të gjuhës markup që janë të përmendura më parë, u prezantua nga atribut lidhur. Me këtë, ju mund të ndryshojë vendndodhjen e fotografive. By default, ajo është një linjë me buzë fund. Sepse ajo është në fund. Dhe si për të bërë në krye? Kjo kërkon të lartë. Në praktikë, kjo do të duket si ky: pas src, ku adresën e imazhit tregon, shtoni atribut të lidhur dhe vlerën e saj.

Dhe në vijën, ku ka një foto, ajo do të jetë një linjë me skajin e sipërm. Si për të HTML për të futur një imazh në qendër? Nuk është një mundësi më shumë për të shkruar - mesme. Kur duke e përdorur atë nuk rrënjësisht të ndryshojë asgjë. Kur duke përdorur një model të tillë kod do të jetë një linjë në mes. Ju gjithashtu mund të bëjë për të përfunduar tekstin rreth imazhit. Për ta bërë këtë, të aplikojnë atributet djathtë dhe të majtë. të bëhet një "lundrues" Në raste të tilla imazhi. Kompensuar në të majtë duket e njëjtë si ekzistues të tjera. Duke përdorur të drejtën do të japë një rezultat të ngjashëm me dallimin se fotografia do të vendoset në të djathtë. Përdorimi i këtyre udhëzimeve ka nuancat e veta. Kështu, një problem i rëndësishëm është afërsia e shumë të afërt të tekstit të imazhit. Për shkak të kësaj ai krijoi fërkimit efekt, e cila është mjaft e pakëndshme për syrin. Por kjo mund të korrigjohet duke përdorur fletë Cascading Style ose HTML-kodin. Përdorimi i të tilla ndryshime vspace dhe hspace atributet. E para përcakton krye mbushje dhe në fund, dhe e dyta - në të djathtë dhe të majtë.

Ne jemi duke bërë sfond

Si për të futur një imazh në faqen HTML-faqe? Shumë të dobishme për të arritur këtë është që të atribuojnë sfond. Kjo është një komponent i trupit anëtari. Qëllimi i tij - për të treguar rrugën për file imazh, i cili duhet mbushur faqen, një tavolinë ose një qelizë të vetme. Në praktikë, përdorimi është si vijon: Regjistrat adresa image ketë një parametër vlerë bodybackground. Sfondi image është vendosur në mënyrë të tillë një mënyrë përsëritura përgjatë akseve i koordinon dhe abscissas, duke filluar nga e sipërme të majtë qoshe. dok paraardhëse këtu ndjekur. Nëse ju doni për të mbushur në diçka të thjeshtë si një ngjyre të vetme, në vend të përdorimit të një foto, ju mund të përdorni këtë përshkrim të shkurtër: Numri shkallë është përcaktuar si një karakteristikë parametër për bëni kërkesën trupit. Këtu ka pasur ndryshime të vogla. Siç mund ta shikoni, kjo është tashmë në përdorim atribut bëni kërkesën. Sepse është e nevojshme vetëm për të specifikojë se çfarë ngjyre do të jetë e mbushur me një faqe ose një pjesë të saj. Ja se si për të futur një imazh në HTML me një kompjuter për ta bërë atë sfond dhe për të ndryshuar ngjyrën. Në përgjithësi, në mënyrë që të mësojnë plotësisht HTML, kohë të mjaftueshme për të dhënë atë një javë, dhe kjo është më se e mjaftueshme.

përfundim

HTML, edhe pse kjo nuk mund të pretendojnë të jenë një gjuhë të drejta të plota të programimit, megjithatë, është jashtëzakonisht e vlefshme kur krijimin e një faqe. Ai është një kockë e vërtetë. Dhe kjo është e sigurt të them tani që ju e dini, si ne punojmë me sfond dhe imazhe të fiksuara, dhe atyre të bashkëngjitni lidhjet. Pra, përgjigja për pyetjen se si për të futur një imazh në HTML, duhet të jetë i qartë.