Kasulikke näpunäiteid

Kuidas lehe taustale pilti panna?

Pin
Send
Share
Send
Send


HTML-is sisestatakse pildid sildi abil. img.
Silt img - tühi, see sisaldab atribuute ja sellel pole sulgevat silti.


Lehel oleva pildi kuvamiseks kasutage atribuuti src. Src tuli allikast, mis tähendab Allikat. Atribuudi src väärtus on url pilte.


Ülaltoodud rida tähendab, et pilt asub samas kataloogis (kaustas) html-faili endaga, mis sellele pildile viitab. Oletame, et teil on kaust htmlmis sisaldab index.html koos ülaltoodud koodiga ja pilt ise koos nimega pilt.jpg.


Sel juhul, kui avate index.html brauseris näete seda pilti. Kui teil on see kuskil mujal (kaustal ülal või all), näete selle asemel kas valget välja või väikest punase ristiga ristkülikut (pilti ei õnnestunud laadida).

Tähelepanu! Õppige kohe jälgima kahte asja: pildi õige aadress ja nime enda õigekiri. Kuna ühe parameetri tähelepanematul veal EI kuvata pilti ja võite kulutada palju aega ja närve.

Pildid ei ole alati samas kataloogis (kaustas) kui fail ise, seega kirjeldatakse ettekirjutamisradu täpsemalt hiljem.

Imgi sildi atribuudid

Lisaks src-le on img-sildil ka muid atribuute, mis vastutavad kuvatava pildi suuruse, selle allkirja ja muu eest.


src - pildi aadress
laius - pildi laius
kõrgus - pildi kõrgus
pealkiri - allkiri, mis kuvatakse pildi kohal hõljutades
alt - alternatiivne tekst. Vajalik otsinguroboti ja pildi indekseerimise jaoks
piir - pildi ääre paksus. 0 - piiri pole, 1 - kõige õhem piir jne.

Kõik atribuudid on valikulised. Miinimum on src, nii et brauser teab, kust pilti saada.

Sisestatud pildi aadress (näited)

Üldiselt pilte ei salvestata samasse kausta kui ise html-fail. Selleks luuakse samasse kataloogi kaust pilte (või img, see maitseb ja värvib). Ja kõik vajalikud pildid on sinna juba paigutatud. Eraldi salvestuse korral tuleb atribuudile src ette näha erinev aadress


Kui fail asub ülaltoodud kaustas, siis


Võite pildi ka teiselt saidilt sisestada, ilma et seda oma kausta laadiksite. Selleks peab teil olema stabiilne Interneti-ühendus ja umbes järgmine kood, mille abil sisestate Interneti-aadressi pildi aadressi pildi aadressi:

HTML-i taustpilt

Nagu a taustpilt ilmuda võivad laiendiga failid gif, jpg, JPEG ja png. Kui pildi suurus on brauseriaknast väiksem, täidab pilt automaatselt ülejäänud tausta. Sisse keha kasuta atribuuti taustmilles määrame tee pildi juurde

Kuidas muuta pilt html-s taustaks, kood, näited, taust, pilt.

Enne pildi taustal asetamist peate arvestama, et olenevalt pildi eraldusvõimest on taust täisekraanil või võtab see ainult murdosa!

Pilti saate taustale panna mitmel viisil:

1. Sisestage kood lehele.

Selle nägemiseks, kuidas see välja näeb, loome iga valiku jaoks uue lehe.

Pilt lehe taustana - HTML

Esiteks kaaluge saidi taustpildi atribuudi abil määramise meetodit taust silt keha:

Nagu ülaltoodud näites, on lisaks pildile soovitatav märkida ka taustavärv (see kuvatakse saidil lehe laadimisel), mis ühendatakse taustpildiga ja loob kontrasti saidi tekstiga. Näiteks kui kasutate saidil teksti valget värvi, siis peaksite määrama tumeda taustavärvi ja määrama tumeda taustpildi. Sel juhul on tekst hõlpsasti loetav.

Märkus: Taustpilt ja taustavärv on soovitatav seada mitte HTML-i, vaid CSS-i kasutades. Sel juhul on kood kehtiv ja õigem.

Pilt lehe taustana - CSS

CSS-is saab taustavärvi ja taustpildi seada ühe atribuudiga. taust:

Siin vara kasutamist taust-manus lehe taust on fikseeritud ja seda vara kasutatakse taustal korrata pildi horisontaalne kordus on seatud. Kuid tasub kaaluda, et taustpilt peaks servadesse hästi "õmblema".

Kui soovite venitada taustpildi brauseriakna täissuuruses, kasutage seda atribuuti tausta suurus: 100%,

Nubexi saidiehitajas saate iga saidi jaoks kasutada suurt pilti taustana ja seda parandada.

Pin
Send
Share
Send
Send