Vaizdai yra labai svarbi tinklalapio dalis, nes jie pagerina tinklalapio išvaizdą ir padidina klientų sąveiką. Kelių svetainių USP yra tai, kaip jie tvarko skirtingus vaizdus savo tinklalapiuose ir suteikia jam skonių. Šiame Straipsnyje „Vaizdai“ suprasime, kaip įterpti vaizdus į tinklalapį naudojant HTML tokia tvarka:
Kaip pridėti vaizdą į HTML
Įterpti vaizdą į tinklalapį HTML suteikia jums žyma. Kitas svarbus dalykas, kurį reikia atsiminti, yra
neturi pabaigos žymos. skr atributas naudojamas nurodyti paveikslėlio kelią, kuris gali būti URL arba vaizdo kelias iš sistemos / serverio. Pirmiausia pradėkime nuo pagrindinės vaizdų įdėjimo į tinklalapį, naudojant HTML, sintaksės.
Sintaksė
img src = 'img / front-end-web-development / 50 / what-are-html-images.png'>Kodo pavyzdys
HTML vaizdų vaizdų įdėjimas į tinklalapį
Panašiai kaip ir kitos žymos, yra susieti įvairūs atributai žyma. Pažvelkime į kiekvieną iš jų po vieną, supraskime jų poreikį ir kaip juos naudoti.
HTML vaizdų žymos
- alt Atributas
Atributas yra alternatyvus atvaizdo tekstas. Priežastis, kodėl buvo įvestas „alt“ atributas, yra ta, kad dėl kokios nors priežasties vaizdas negalėjo būti įkeliamas, tada turėtų pasirodyti pakaitinis tekstas, suteikiantis idėją apie vaizdą. Paveikslėlio neįkėlimo priežastys gali būti lėtas interneto ryšys arba vaizdas nėra pateiktame šaltinyje ir t. T.
Jei vaizdas yra tame pačiame aplanke, kuriame yra HTML failas, galite tiesiogiai nurodyti failo pavadinimą. Kitu atveju turite pateikti absoliutų vaizdo failo kelią.
Atributo „Alt“ vertė turėtų apibūdinti vaizdą.
Pavyzdys
HTML vaizdų vaizdų įdėjimas į tinklalapį
išanalizuoti xml failą Java
- Vaizdo plotis ir aukštis
Stiliaus atributas naudojamas nustatyti vaizdo aukštį ir plotį. Pagal stiliaus atributą nurodote CSS stilių.
HTML vaizdų vaizdų įdėjimas į tinklalapį
Kai kurie svarbūs aspektai, įterpiant vaizdą į tinklalapį naudojant HTML, yra šie:
- Pločio ir aukščio atributai apibrėžiami pikseliais.
- Taip pat procentais galite apibrėžti vaizdo plotį ir aukštį. Ji atsižvelgs į procentinę dalį pagal visą tinklalapį.
- Jei nurodote tik vieną iš jų, jis atitinkamai pakoreguoja kitą.
- Vaizdų įdėjimas naudojant URL
HTML taip pat suteikia lankstumo, kai galite pasirinkti vaizdą iš kito serverio, tik nurodydami URL. Galite naudoti atskirą serverį vaizdams priglobti ir tada įterpti tuos vaizdus naudodami URL.
HTML vaizdų vaizdų įdėjimas į tinklalapį
- Vaizdas kaip nuoroda
Taip pat galite naudoti vaizdą kaip nuorodą, kur vartotojas gali spustelėti paveikslėlį ir patekti į naują tinklalapį. Norėdami tai padaryti, turite tiesiog įdėti diena žyma.
HTML vaizdų vaizdų įdėjimas į tinklalapį
- Vaizdas plaukiojantis
Vaizdo lygiavimą taip pat galite pakoreguoti naudodami CSS float ypatybę. Visą CSS ypatybę reikia nurodyti stiliaus atribute.
HTML vaizdas
- Vaizdų žemėlapiai
Tai yra viena iš svarbių HTML teikiamų funkcijų. žymė padeda apibrėžti vaizdo žemėlapį. Jūs tikriausiai domitės, koks yra vaizdų žemėlapis. Vaizdo žemėlapis yra vaizdas su sritimis, kurias galima spustelėti
HTML vaizdas
- Fono paveikslėlis
Taip pat galite pridėti fono vaizdą tinklalapyje. Jums tiesiog reikia naudoti CSS ypatybę, ty fono paveikslėlį stiliaus žymoje ir pridėti jį prie HTML elemento.
HTML vaizdasFono paveikslėlis
KŪNO elementas
Tuo mes baigiame šį HTML vaizdų tinklaraštį.Dabar, atlikę pirmiau pateiktus fragmentus, būtumėte supratę, kaip įterpti vaizdą į HTML. Tikiuosi, kad šis tinklaraštis yra informatyvus ir suteikia jums pridėtinės vertės.
kaip pridėti java
Patikrinkite mūsų kuris ateina su instruktorių vedamomis tiesioginėmis treniruotėmis ir realių projektų patirtimi. Šie mokymai leidžia išmokti dirbti su išorinėmis ir išorinėmis interneto technologijomis. Tai apima mokymus apie žiniatinklio plėtrą, „jQuery“, „Angular“, „NodeJS“, „ExpressJS“ ir „MongoDB“.
Turite mums klausimą? Prašau tai paminėti tinklaraščio „HTML vaizdai“ komentarų skyriuje ir mes su jumis susisieksime.