Naudingi patarimai

HTML nuotraukos - apgaunamas lapas pradedantiesiems

Pin
Send
Share
Send
Send


Paskutinį kartą nagrinėjome pasitraukimo variantą. vaizdai iš PHP aplanko.

Iš aukščiau pateikto pavyzdžio supratome, kad vaizdas puslapyje rodomas naudojant HTML žymas.
Paveikslėlio matmenis mes užregistravome tiesiai HTML kode.

Dabar aš jums parodysiu, kaip nustatyti vaizdo dydį naudojant stiliaus lentelę. Visi šie duomenys bus sudėti į atskirą failą su „css“ plėtiniu ir pavadinti juos stiliaus.css pavyzdžiu.

Vaizdo matmenys nustatomi pagal pločio ir aukščio parametrus.
Norėdami nustatyti vaizdo matmenis ir užregistruoti jį CSS faile, turite sukurti src žymos klasę. Pvz., Parašykite>

Tada css faile matmenys bus užrašomi tokiu būdu

Pasirinkus šią įrašymo parinktį, jei tikrasis vaizdo aukštis yra didesnis nei 170 pikselių, pavyzdžiui, 400 pikselių, tada puslapyje bus rodomas iškraipytas vaizdas. Jis bus išlygintas.

Norėdami to išvengti, galite nustatyti tik vieną parametrą - vaizdo plotį, numatytasis aukštis bus nustatytas automatiškai nepažeidžiant vaizdo proporcijų:

Tokiu pačiu būdu galite nustatyti aukštį, tada plotis bus nustatytas automatiškai išlaikant vaizdo proporcijas.

Jei norime pamatyti tikrąjį vaizdo dydį, nebūtina nurodyti failo dydžio. Tik jei mes beveik žinome, kad vaizdo dydis užima visą puslapį, tada puslapyje neturėtų būti jokių žymų, nurodančių dydį.

Pavyzdžiui, stalas

arba blokuoti div

Jei norime, kad paveikslėlis užimtų visą naršyklės puslapio plotį arba visą svetainės stulpelio plotį, tada plotis turi būti nurodytas procentais.

Tokiu būdu:

Šiame pavyzdyje mes pažvelgėme į galimybę nustatyti vaizdo dydį naudojant css. Tiesą sakant, naudojant CSS failą, visi parametrai nustatomi visos svetainės dizainui. Jame pateikiami visi dydžių, išvaizdos, visų meniu elementų ir pan. Parametrai.

Žiniatinklio dizaineriams ji yra bloga, jei stiliai priskiriami HTML formatu. Šablone registruojamos tik kiekvieno elemento klasės ir ID. Visi stiliai išimami į atskirą CSS failą.

Be to, jei norite sukurti stebėtinai gražų ir unikalų savo svetainės dizainą, tuomet negalite išsiversti be fono paveikslėlio. Kaip be jo? Kaip tai padaryti, aprašyta šiame skyriuje, o kur įdėti patį fono paveikslėlį, galite rasti čia.

O jei turite kokių nors nuomonių apie žemiau skaitytą komentaro formą.

Kaip įterpti vaizdą į HTML?

Norėdami įterpti vaizdą į HTML puslapį, naudojama viena paprasta žyma:

kur xxx yra vaizdo adresas. Jei paveikslėlis yra tame pačiame kataloge kaip ir puslapis, žyma atrodys taip:

Tačiau sparti ir stabili interneto prieiga dar nepasiekė visų pasaulio kampelių, ir atsitinka taip, kad vaizdas svetainėje tiesiog neįkeliamas. Tokiems atvejams yra alternatyvaus teksto sąvoka.

Jis rodomas paveikslėlio svetainėje jo neprieinamumo, pakrovimo metu arba naršyklės režimu „be nuotraukų“. Jis pridedamas naudojant žymos alt atributą.

Alternatyvaus teksto pridėjimo prie vaizdo failo pavyzdys:

HTML atvaizdo dydis

Norėdami pakeisti vaizdo failo rodymo dydį, naudokite aukščio ir pločio žymas, kur aukštis yra aukštis, o plotis yra plotis, matuojamas pikseliais.

Naudodama šiuos atributus, naršyklė pirmiausia skiria vietą grafiniam turiniui, parengia bendrą puslapio išdėstymą, rodo tekstą ir tada įkelia patį paveikslėlį.

Paveikslėlis dedamas į nurodytų dydžių stačiakampį ir tuo atveju, jei parametrai yra mažesni ar didesni už originalą, paveikslėlis yra ištemptas arba suspaustas.

Jei aukščio ir pločio atributai nenaudojami, naršyklė nedelsiant įkelia vaizdą, atidėdama teksto ir kitų puslapio elementų rodymą.

Šiuos parametrus galima nurodyti tiek pikseliais (vaizdo dydis yra pastovus ir nepriklauso nuo vartotojo ekrano skiriamosios gebos), arba procentais (vaizdo dydis priklauso nuo ekrano skyros).

Reikėtų prisiminti, kad tuo metu, kai keičiate pradinį vaizdo dydį, turite išlaikyti jo proporcijas.

Norėdami tai padaryti, tiesiog nurodykite tik vieno iš parametrų vertę (plotis ar aukštis), o antrojo vertė bus apskaičiuota automatiškai.

HTML vaizdo išdėstymas

Kaip ir daugelyje HTML žymų,

Vaizdo nuoroda

HTML formate norėdami sukurti nuorodą naudokite žymą:

Norint nustatyti grafinę nuorodą, tereikia sujungti vaizdo žymą su nuorodos žyma.

Tai atliekama taip:

Kaip matote, grafinis intarpas gali būti nuoroda ir nukreipti į bet kurį adresą, užrašytą pilnąja ar sutrumpintą versiją, kai spustelėjama.

Kaip padaryti paveikslėlį kaip HTML foną?

Vaizdą galima ne tik įterpti į puslapį kaip matomą objektą, bet ir nustatyti kaip foną. Norėdami apibrėžti paveikslėlį kaip foną, žymoje reikia nurodyti atributą background = ”xxx”, kur xxx yra paveikslėlio adresas, nurodytas taip pat, kaip ir aukščiau pateiktuose pavyzdžiuose.

Pavyzdžiui, tokį tekstūros vaizdą nustatysime kaip fono paveikslėlį:

Ši informacija apie žymas ir atributus, kurių reikia norint įterpti vaizdą į HTML HTML puslapį, buvo išnaudota.

Žiūrėkite vaizdo įrašą: 2012 03 29 - KLP - Piliečio tribūna - Ligita Girskiene - pries apgaules budu vagiamus pinigus. (Balandis 2020).

Pin
Send
Share
Send
Send