HTML pagrindai - vaizdų rodymas

• Gegužė 16, 2024

Kai jūsų svetainės tekstas bus paskelbtas ir suformatuotas pagal jūsų skonį, laikas paįvairinti puslapį keliais vaizdais. Vaizdai ne tik gali suteikti spalvų ir gyvybingumo jūsų puslapiams, bet ir juos naudoti norėdami sukurti teksto efektus, kuriuos būtų sunku ar neįmanoma padaryti naudojant įprastą tekstą ir formatavimą. Pvz., Šriftų pasirinkimas paprastai apsiriboja nedideliu šriftų skaičiumi, dėl kurio galite būti tikri, kad esate įdiegti lankytojų kompiuteriuose, nes jei jie neturi šrifto, jie jo nemato jūsų svetainėje! Kai tik paskelbsite tekstą neprieinamu šriftu, lankytojų kompiuteriai pateiks jį bet kokiu turimu šriftu, kuris yra arčiausiai stiliaus, o tai dažnai gali sugadinti jūsų svetainės dizainą.

Kita vertus, jei naudojate vaizdo redagavimo programą norėdami užfiksuoti tekstą išgalvotame šrifte ir paskelbti jį kaip GIF ar JPEG savo svetainėje, bet kuris lankytojas matys jį tiksliai taip, kaip jūs ketinote - kadangi dabar tai yra teksto, o ne paveikslėlis pats tekstas. Tai gali neleisti naudoti išgalvotų šriftų antraštėse ir sugrupuoti juos neįprastais būdais.

Pagrindinė žyma, naudojama vaizdams rodyti, yra ši:



Aukščiau pateiktas kodas puikiai veiks HTML. Jei naudojate XHTML ar norite būti tikri, kad jūsų svetainė yra parengta XHTML, turėtumėte pridėti brūkšnį, kad uždarytumėte žymą, nes XHTML negalite naudoti atvirų žymių:



„Src“ yra trumpas šaltinis, ir jūs jį naudosite norėdami nurodyti failo kelią į savo atvaizdą - kitaip tariant, pasakyti naršyklei, kur atvaizdą galima rasti jūsų svetainėje. Jei savo vaizdus laikote tame pačiame aplanke, kuriame yra jūsų tinklalapiai, jums nereikia aplanko išvardyti tekste „src“ - galite tiesiog įvesti vaizdo failo pavadinimą.

Nurodę savo vaizdo šaltinį, galite patobulinti šią pagrindinę struktūrą įvairiais pasirenkamais atributais, kad gautumėte maksimalią naudą iš savo vaizdų. Vienas atributas, kurį beveik visada turėtumėte naudoti, yra atributas „alt“. Tai leidžia nurodyti, kokį tekstą turi rodyti naršyklė, jei dėl kokių nors priežasčių jis negali parodyti jūsų vaizdo. „Alt“ tekstas yra paruoštas taip:



Kitas naudingas atributų rinkinys yra etiketės „plotis“ ir „aukštis“. Tai leidžia rodyti įvairaus dydžio vaizdus nei tikrasis. Galite jas naudoti norėdami patobulinti savo atvaizdą, kad jis puikiai atitiktų jūsų bendrą puslapio dizainą. Tačiau paprastai yra tikslinga pakeisti tikrąjį vaizdo dydį naudojant vaizdo redagavimo programas ir tada paskelbti vaizdą internete dėl dviejų priežasčių. Pirma, vaizdų redagavimo programinė įranga beveik visada duos geresnį rezultatą, nei dydžio keitimas ranka. Antra, pakeitus žymas „plotis“ ir „aukštis“, nepakeičiamas tikrasis failo failo dydis, taigi, jei turite didžiulį vaizdą, kurį rodote kaip miniatiūrą, paveikslėlis užtruks tiek pat ilgai ir bus sukramtytas taip pat daug pralaidumo, lyg būtumėte rodę jį visu dydžiu.

Nurodydami vaizdo dydį, galite išvardyti aukštį, plotį arba abu. Kaip matote toliau, dydžiai nurodomi pikseliais:



Taip pat galite „sulyginti“ savo vaizdus, ​​kad sklandžiai juos dirbtumėte su jūsų teksto srautu. Jei pasirinksite lygiavimą kairėje, tekstas bus pradėtas paveikslėlio dešinėje. Jei pasirinksite tinkamą lygiavimą, vaizdas bus rodomas dešinėje puslapio pusėje, o jūsų tekstas pasirodys kairėje paveikslėlio pusėje ir tada pertrauka į naują eilutę.

Vaizdo išlyginimas nustatomas taip:



Taip pat galite nustatyti lygiavimą į „viršutinę“, „apačią“ arba „vidurinę“, kad vaizdas būtų lygus viršutine arba apatine teksto eilute. Jei nenurodysite lygiavimo, vaizdas bus numatytasis kaip „apačia“.

Kaip šalutinę pastabą, savo atvaizdų atributus (src, lygiuoti, alt ir kt.) Bet kokia tvarka galite įtraukti į vaizdo žymas. Mano asmeninė nuostata yra pirmiausia išvardyti atributą „src“, nes tai yra pats paprasčiausias atributas ir turi būti įtrauktas į kiekvieną vaizdo žymą, tačiau galite naudoti bet kurią seką, kuri jums atrodo natūrali.

Vaizdo Instrukcijos: HTML pamoka [Pagrindai] (Gegužė 2024).