Fa'afefea ona Suia le Tele o se Ata ile HTML

3. Faʻaaogaina o le uiga "lautele" e fetuunai ai le lautele o se ata i le HTML

O le uiga lautele i le HTML o se meafaigaluega aoga mo le fetuunaiga o le lautele o se ata i luga o se itulau web. Faatasi ai ma lenei uiga, e mafai ona e pulea faapitoa le fua faalava o se ata ma ia mautinoa e fetaui lelei ma le mamanu o lau saite.

Mo le faʻaogaina o le uiga "lautele", naʻo lou faʻaopoopoina i totonu o le faʻailoga ata. Mo se faʻataʻitaʻiga, afai e te manaʻo i se ata e 300 pixels le lautele, o le code o le a .

E taua le maitauina o le tau o le uiga lautele o loʻo faʻamaonia i pixels. Ae ui i lea, e mafai foi ona e faʻaogaina se pasene e fetuunai ai le lautele lautele o se ata e faʻatatau i lona atigipusa. Mo se faʻataʻitaʻiga, afai e te setiina le lautele = "50%", o le ata o le a ave le afa o le lautele o le pusa o loʻo i totonu.

Afai e te mana'o e fetu'una'i le lautele o se ata, ia mautinoa e te le fa'ailoaina le maualuga o le ata. Afai e te fetuunai na o le lautele ae le o le maualuga, o le ata o le a otometi lava ona suia e aunoa ma le faʻafefe, faʻamautu lona tulaga muamua. E aoga tele lenei mea pe a e galue ma ata tali e manaʻomia ona faʻafetaui i lapopoa eseese o lau.

4. Fetuunai le maualuga o se ata i le HTML e faʻaaoga ai le uiga "maualuga".

Pe a faʻapipiʻi ata i luga o se itulau web, e masani ona manaʻomia le fetuutuunai o le maualuga e fetaui ma le fausaga o le mamanu. I le HTML, e mafai ona faigofie ona ausia i le faʻaaogaina o le uiga "maualuga". O iinei o le a matou faʻaali atu ia te oe le auala e fai ai la'asaga i lea la'asaga:

1. Muamua, e tatau ona i ai le pine ata i lau code HTML:
"`html

«`

2. Ina ia fetuutuunai le maualuga o le ata, naʻo le faʻaopoopoina o le uiga "maualuga" i totonu o le pine ata. E mafai ona e faʻamaonia le maualuga manaʻomia i pixels poʻo le pasene. Mo se faʻataʻitaʻiga, afai e te manaʻo e seti se maualuga o le 200 pixels, o lau pine ata o le a pei o lenei:
"`html

«`
Pe afai e te manaʻo e faʻaaoga se pasene, e mafai ona e faia e pei ona taua i lalo:
"`html

«`

3. E taua le taʻua pe a fetuʻunaʻi le maualuga o se ata, e tatau ona e amanaʻia le faʻatusatusaga e aloese ai mai foliga faʻasese. Afai e te setiina le maualuga e aunoa ma le suia o le lautele i se tulaga tutusa, o le ata e ono foliga faʻaloloa pe faʻapipiʻi.

Manatua o le uiga "maualuga" i le HTML e te maua ai le fetuutuunai e faigofie ai ona fetuunai le maualuga o se ata e tusa ai ma ou manaʻoga. I le mulimuli i laasaga nei, o le a mafai ai ona e pulea foliga vaaia o au ata aogā ma faʻamautinoa se poto masani faʻaoga sili ona lelei.

5. Fa'atumauina le fa'atusa o se ata pe a toe fa'atupuina ile HTML

E tele auala e fa'amautu ai le fa'atusa o se ata pe a toe fa'atupuina ile HTML. O loʻo i lalo se faʻataʻitaʻiga laʻasaga i lea laasaga e faʻaaoga ai le HTML ma le CSS.

1. Fa'aaoga le uiga “lautele” i le ` tag`: Ole auala pito sili lea ona faigofie e faʻamautu ai le faʻatusatusaga o se ata pe a toe faʻafuaina. E naʻo le manaʻomia o le setiina o le lautele manaʻomia mo le ata e faʻaaoga ai le uiga "lautele" ma o le maualuga o le a otometi lava ona fetuunai, tausia le vaega muamua. O se fa'ata'ita'iga lenei:

"`html

«`

2. Faʻaaoga le CSS e seti ai le lautele ma le maualuga o le ata: Afai tatou te mananaʻo e sili atu le pulea o le tele o le ata, e mafai ona tatou faʻaogaina le CSS. Ina ia faia lenei mea, e tatau lava ona tatou atofa atu le vasega tutusa i le ata ona faʻamatalaina lea o le lautele ma le maualuga i le pepa sitaili. O se fa'ata'ita'iga lenei:

"`html

«`

3. Fa'aaoga le uiga "style" i le ` tag`: O le isi filifiliga o le faʻaogaina saʻo o le uiga "style" i le 'tag` e seti le lautele ma le maualuga o le ata. O se fa'ata'ita'iga lenei:

"`html

«`

O nisi ia o auala sili ona taatele e faʻamautu ai le vaega o se ata pe a toe faʻatupuina i le HTML. E mafai ona e faʻaogaina soʻo se tasi o nei filifiliga e faʻatatau i ou manaʻoga ma mea e te manaʻo ai. Manatua i taimi uma e suʻe ma fetuutuunai fua e maua ai le iʻuga manaʻomia.

6. Toe suiina o se ata ma tau fa'atatau ile HTML

Ina ia suia se ata i le HTML e faʻaaoga ai tau faʻatatau, e mafai ona tatou faʻaogaina le CSS "lautele" meatotino. O lenei meatotino e mafai ai ona matou faʻamaonia le lautele o le ata i le pasene e faʻatatau i le tele o le pusa. Mo se faʻataʻitaʻiga, afai tatou te mananaʻo e ave e le ata le afa o le atigipusa, e mafai ona tatou faʻaogaina le "lautele: 50%" i le CSS style o le tag ata.

O le isi auala e sui ai le tele o ata o le faʻaaogaina lea o le "max-width" CSS property. O lenei meatotino e mafai ai ona matou faʻamaonia se maualuga maualuga mo le ata, faʻamautinoa e le foliga faʻapipiʻi pe faʻasese i luga o lau tetele. E mafai ona matou faʻaogaina le "max-width: 100%" ina ia fetaui le ata ma le tele o le atigipusa, ae aunoa ma le sili atu i lona tele muamua.

E taua le maitauina pe a toe faʻaleleia se ata e faʻaaoga ai tau faʻatatau, e tatau foi ona fetuunai le maualuga o le ata i se tulaga tutusa ina ia faatumauina lona tulaga muamua. Mo lenei mea, e mafai ona tatou faʻaogaina le "maualuga" CSS meatotino faʻatasi ma le "lautele" poʻo le "max-width". Mo se faʻataʻitaʻiga, afai tatou te mananaʻo i le ata e faʻatumauina lona tulaga muamua, e mafai ona tatou faʻaogaina le "maualuga: auto" i le CSS style o le tag ata. O lenei mea o le a faʻamautinoa ai o le maualuga e otometi lava ona fetuunai faʻatusatusa i le lautele faʻamaonia.

7. Puleaina le tele o se ata faʻatasi ai ma tulaga taua ile HTML

O se tasi o auala e pulea ai le tele o se ata i le HTML o le faʻaaogaina lea o tulaga taua. O nei tau e faʻatagaina oe e faʻamaonia se fua faʻatatau mo le maualuga ma le lautele o le ata, e tusa lava po o le a le tele o le faila muamua.

Ina ia faia lenei mea, e mafai ona e faʻaogaina le tag HTML ma faʻaoga le lautele ma le maualuga uiga e faʻamaonia ai le manaʻoga atoatoa. Mo se faʻataʻitaʻiga, afai e te manaʻo i le ata ia i ai le lautele o le 300 pixels ma le maualuga o le 200 pixels, e mafai ona e aofia ai le code lea:

"`html

«`

E taua le maitauina pe a faʻaaogaina tulaga taua, o le ata e mafai ona faʻalavelave pe faʻapolokalame pe a fai e sui le faʻamalama o le suʻega. E mafua ona o le ata e le mafai ona fetuutuunai i le tele o lau mata eseese.

O se filifiliga fautuaina o le faʻaaogaina o tau faʻatatau nai lo mea faʻapitoa. Mo se faʻataʻitaʻiga, nai lo le faʻamaonia o le tele i pixels, e mafai ona e faʻaogaina pasene e faʻapipiʻi otometi le ata i le avanoa avanoa. i luga o le lau. E maua lenei mea e ala i le tuʻuina atu o tau pasene i uiga lautele ma maualuga.

"`html

«`

I le faʻaaogaina o tau faʻatatau, o le ata o le a fua faʻatatau i le tele o le faʻamalama o le suʻega, e maua ai se faʻamatalaga sili atu ona lelei. mo tagata faʻaoga. Ae ui i lea, e taua le maitauina i nisi tulaga e manaʻomia le tuʻufaʻatasia o tulaga taua ma faʻatatau e maua ai le manaʻoga.

I se aotelega, o le puleaina o le tele o se ata ma le taua tele i le HTML o se filifiliga aoga, ae e taua le mafaufau i tapulaʻa e fesoʻotaʻi ma le fetuunaʻi i lapoʻa eseese. O le faʻaaogaina o tau faʻatatau e mafai ona maua ai se fofo sili atu ona fetuutuunai ma fetuutuunai.

8. Faʻaaogaina o iunite faʻapitoa o fua e faʻafetaui ai le tele o se ata ile HTML

O iunite fua e iai sona sao taua pe a toe fa'afua se ata ile HTML. I le faaopoopo atu i iunite masani o fua e pei o pixels, pasene, ma togi, HTML foi e ofoina atu iunite faapitoa o fua e maua ai le sili atu ona fetuutuunai ma pulea le tele o se ata.

O se tasi o iunite faʻapitoa e masani ona faʻaaogaina o le fuaina o le "em", lea e faʻavae i luga o le tele o loʻo iai nei. E ala i le setiina o le tele o se ata i le "em", o le ata o le a otometi lava ona fetuutuunai pe a suia le tele o le font i le HTML pepa. Mo se faʻataʻitaʻiga, afai e te setiina le tele o se ata i le 2em ona faʻateleina lea o le tele o le vai papatisoga i totonu o le pepa, o le a faʻaluaina le tele o le ata.

O le isi iunite aoga fa'apitoa o le fua o le "rem," lea e ese mai le "em" ona e fa'avae i luga o le tele o le mata'itusi a'a o le pepa nai lo le tele o lo'o iai nei. Ole mea lea e mafai ai ona sili atu le pulea ma le tumau i le faʻaogaina o ata i vaega eseese o le pepa. Mo se faʻataʻitaʻiga, afai e te setiina le tele o se ata i le 1.5rem, o lona lapoʻa o le a 1.5 taimi i le aʻa mataʻitusi.

I le faaopoopo atu i nei iunite faʻapitoa o fua, o loʻo tuʻuina atu foʻi e le HTML isi filifiliga, e pei o le "vw" iunite e faʻavae i luga o le lautele o le faamalama browser, le "vh" iunite e faʻavae i luga o le maualuga o le faʻamalama o le suʻega, ma le iunite "vmin" lea e faʻavae i luga o le tau maualalo i le va o le lautele ma le maualuga o le faamalama suʻesuʻe. O nei iunite e sili ona aoga mo le fatuina o faʻataʻitaʻiga tali ma faʻamautinoa e fetaui lelei ata i luga o lapopoa eseese.

I se faapuupuuga, o le faʻaaogaina o iunite faʻapitoa e pei o le "em", "rem", "vw", "vh" ma le "vmin" i le lapopoa o se ata i le HTML e te maua ai le sili atu le pulea ma le fetuutuunai. O nei iunite e fa'atagaina ata e otometi ona fetu'una'i e fa'atatau i mea 'ese'ese, e pei o le tele o le font, le tele o le fa'amalama su'esu'e, ma le ituaiga masini fa'aoga. Fa'ata'ita'i i nei iunite ma su'esu'e pe fa'apefea ona maua le fetaui lelei mo au ata i au galuega faatino o le HTML.

9. Toe suiina o se ata i le HTML e faʻaaoga ai sitaili CSS

Ina ia suia se ata i le HTML e faʻaaoga ai sitaili CSS, o loʻo i ai ni laasaga faigofie e mulimuli ai. Muamua lava, e tatau ona e iloa le ata e te manaʻo e faʻaoga ai le suiga. Lenei E mafai ona faia fa'aaoga le HTML "id" po'o le "vasega" uiga e filifili sa'o ai. O le taimi lava e iloa ai le ata, e faʻaogaina sitaili CSS e sui ai lona tele.

O se auala masani e sui ai se ata o le faʻaaogaina lea o le lautele ma le maualuga o meatotino ile CSS. O nei meatotino e mafai ai ona e faʻamaonia le lautele ma le maualuga o le ata. Mo se faʻataʻitaʻiga, afai e te manaʻo e faʻaititia le tele o se ata i le afa, e mafai ona e setiina se tau o le 50% mo meatotino uma e lua. I le isi itu, afai e te manaʻo e faʻateleina le tele o le ata, e mafai ona e faʻaogaina se tau sili atu nai lo le 100%.

I le faʻaopoopoga i le faʻavasegaina faʻatusatusa, e mafai foi ona fetuunai le tele o le ata i le tutoatasi mo le lautele ma le maualuga. E maua lenei mea e ala i le suia naʻo le mea e manaʻomia, pe "lautele" mo le lautele poʻo le "maualuga" mo le maualuga. E taua le maitauina afai e na o se tasi o meatotino e suia, o le ata e mafai ona leiloa lona tulaga muamua, o lea e fautuaina ai le faʻaogaina o lenei ituaiga o suiga ma le faʻaeteete. Ia manatua i taimi uma e teu au suiga ma siaki pe faʻafefea ona vaʻaia le ata i luga ole lapopoa eseese.

10. Fa'aogaina o a'afiaga fa'atupu suiga i se ata ile HTML

I totonu o lenei tusiga, o le a matou suʻesuʻeina pe faʻapefea ona faʻaogaina le faʻaleleia atili o suiga i se ata e faʻaaoga ai le HTML. O le suiga o ata o se metotia e masani ona faʻaaogaina i le atinaʻeina o upega tafaʻilagi e fetuunai ai le tele ma foliga vaaia o ata e faʻatatau i manaʻoga mamanu. O le a tatou aʻoaʻoina pe faʻapefea ona ausia lenei mea lelei ma faʻapolofesa.

O nisi nei o la'asaga fa'avae e fa'aoga ai a'afiaga toe fa'asili tele i se ata i le HTML:

1. Fa'aoga le HTML "img" tag e fa'apipi'i ai le ata i lau itulau uepi. Ia mautinoa e tuʻuina atu le uiga "src" e faʻaalia ai le nofoaga o le ata i luga o lau 'auʻaunaga. Faataitaiga,

2. Ina ia toe faʻaleleia le ata, e mafai ona e faʻaogaina le uiga "lautele" ma le "maualuga" i le pine ata. Mo se faʻataʻitaʻiga, e seti le lautele o le 300 pixels ma le maualuga o le 200 pixels, e mafai ona e faʻaopopo le lautele = "300" maualuga = "200" i le faʻailoga ata.

3. O le fa'atupuina o le fa'atupuina o le tele e mafai ona fa'aogaina o le fa'atusa fa'atatau. E aofia ai le setiina na'o le lautele po'o le maualuga o le tau ma tu'u le isi tau e fetu'una'i otometi e fa'amautu ai le fua fa'atatau o le ata. E mafai ona e ausia lenei mea e ala i le setiina o le uiga "lautele" poʻo le "maualuga" ma tuʻu le isi uiga e faʻafetaui otometi. Faataitaiga, O le a otometi lava ona fetuutuunai le maualuga e faatumauina ai le fua faatatau muamua o le ata.

Faamolemole ia manatua o le suiina o ata e ono aafia ai le tulaga vaaia o ata. E taua le faatumauina o le paleni i le va o le tele o ata ma le lelei e faʻamautinoa ai e vave ona uta lau itulau web ma maua ai se poto masani faʻaoga lelei. Fa'ata'ita'i i lapopo'a eseese ma fua fa'atatau e su'e ai le fa'atulagaga e fetaui lelei mo ou mana'oga. Faatasi ai ma nei laasaga ma fautuaga, o le a e alu i lau auala e faʻaoga ai le faʻaleleia atili o suiga i au ata HTML.

11. Fa'afefea ona toe fa'ailoga se ata pito i tua ile HTML

Pe a mamanuina se itulau web, atonu e manaʻomia toe fa'ateleina le fua o se ata talaaga ile HTML e fa'afetaui ai ile mamanu ole itulau. O le mea e lelei ai, o lenei faiga e fai si faigofie ma e mafai ona ausia i ni nai laasaga. Le isi, o le a ou faʻaali atu ia te oe le auala e mafai ai ona e toe faʻaleleia se ata pito i tua ile HTML.

1. O le laasaga muamua e sui ai se ata pito i tua i le HTML o le faʻamalamalamaina o le CSS style o le vaega poʻo le elemene e te manaʻo e faʻaoga ai le ata. Ina ia faia lenei mea, e tatau ona e faʻaogaina le "background-image" CSS meatotino ma tuʻuina i ai le URL o le ata e te manaʻo e faʻaoga e fai ma tua.

2. A uma ona e faʻamalamalamaina le CSS style mo le vaega, ua oʻo i le taimi e faʻamaonia ai le tele o le ata. Ina ia faia lenei mea, faʻaaoga le CSS "background-size" meatotino ma faʻamaonia le lautele ma le maualuga manaʻomia. E mafai ona e fa'aogaina iunite fa'atatau o fua, pei o le pasene po'o le va'aiga va'ai, po'o iunite atoatoa o fua, pei o pika.

3. I le faaopoopo atu i le faʻamalamalamaina o le tele o le ata, e mafai foi ona e pulea le tulaga o le faʻaogaina o le "background-position" CSS property. O lenei meatotino e mafai ai ona e setiina le tulaga faalava ma tuusao o le pito i tua i le vaega. E mafai ona e faʻaogaina tau i pixels, pasene poʻo upu autu e pei o le "agavale", "taumatau", "pito i luga" poʻo le "lalo".

Manatua e taua le faʻataʻitaʻiina ma fetuutuunai le tele ma le tulaga o le ata i tua e ausia ai le manaʻoga. Lagona le saoloto e faʻataʻitaʻi i tulaga taua eseese ma vaʻai pe faʻapefea ona latou foliga i lau 'upega tafaʻilagi! Faatasi ai ma nei laasaga faigofie, e faigofie ona e toe faʻaleleia se ata HTML ma faʻafetaui i lau mamanu upega tafaʻilagi.

12. Foia o faʻafitauli masani pe a faʻafouina se ata ile HTML

Pe a suia se ata i le HTML, e masani ona tulaʻi mai faʻafitauli masani e mafai ona aʻafia ai foliga vaaia ma galuega o lau 'upega tafaʻilagi. O le mea e lelei ai, o nei faʻafitauli e mafai ona foia e ala i le mulimuli i ni nai laasaga ma faʻaaogaina meafaigaluega ma metotia eseese. O se ta'iala auiliili lea e fesoasoani ia te oe e foia ai nei faafitauli:

1. Siaki le lapo'a muamua o le ata: A'o le'i toe sui se ata, e taua le iloa o lona tele muamua. E mafai ona e faia lenei mea e faʻaaoga ai le meafaigaluega suʻesuʻe elemene i totonu lau su'esu'ega uepi. O le taimi lava e te iloa ai le lautele ma le maualuga o le ata, e mafai ona e fuafuaina pe o le a le tele e te manaʻo e fetuunai.

2. Faaaoga le uiga “lautele” ma le “maualuga” i luga o le igoa : Ina ia sui se ata i le HTML, e mafai ona e faʻaogaina le "lautele" ma le "maualuga" uiga i le tag . O nei uiga e mafai ai ona e setiina le lautele ma le maualuga o le ata i pika. Faataitaiga: . Manatua e fetuutuunai tau e tusa ai ma ou manaʻoga patino.

3. Fa'aoga le CSS e toe fa'asili ai ata: Afai e te mana'omia le fetu'una'i atili i le tele o ata, e mafai ona e fa'aogaina le CSS e toe fa'afua ai. E mafai ona e faia lenei mea e ala i le faʻaogaina o le "lautele" ma le "maualuga" meatotino i le tulafono CSS tutusa. Mo se faʻataʻitaʻiga: img { lautele: 50%; maualuga: oe lava; }. O lenei mea o le a toe faʻaleleia ai le ata i le 50% o lona lapoʻa muamua ma faʻatumauina lona fua faʻatatau.

Manatua pe a suia se ata, e taua le mafaufau i foliga vaaia ma le mafai ona faitau o lau 'upega tafaʻilagi. Fa'ata'ita'i i lapopo'a eseese ma metotia fa'afou e su'e ai le fofo sili mo lau mataupu patino. I le mulimuli i laasaga nei ma le faʻaogaina o meafaigaluega saʻo, e mafai ona e foia faʻafitauli masani e fesoʻotaʻi ma le tele o ata HTML.

13. Fa'ateleina le tele ma le fa'atinoga o ata HTML

Pe a galue i ata HTML, e taua tele le faʻamalieina o latou tele ma faʻatinoga e faʻaleleia ai le faʻaogaina o le poto masani ma le saoasaoa o lau 'upega tafaʻilagi. Ina ia ausia lenei mea, e taua le mulimuli i nisi o taʻiala ma faʻaaoga meafaigaluega lelei. Lalo o laasaga e manaʻomia e faʻamalieina ai ata ile HTML.

1. Fa'apipi'i ata: O se tasi o auala sili ona aoga e fa'aitiitia ai le lapo'a o ata o le fa'apipi'iina lea. E tele mea faigaluega i luga ole laiga ma polokalame faʻapitoa e mafai ona fesoasoani ia te oe e faʻapipiʻi au ata e aunoa ma le leiloa tele. E mafai ona e faʻaogaina ata i luga ole laiga compressors pei LaʻititiPNG o JPEGmini, po'o polokalama fa'apei Adobe Photoshop o GIMP e fa'apipi'i au ata a'o le'i fa'aopoopo i lau 'upega tafa'ilagi.

2. Fa'alelei le fa'asologa: O le isi itu taua i le fa'avasegaina o ata o le fa'aogaina lea o le fa'asologa sa'o e tusa ai ma le ituaiga ata. O fa'asologa masani mo ata i luga o le upega tafaʻilagi o JPEG, PNG y GIF. JPEG e fetaui lelei mo ata ma le tele o lanu eseese, a'o PNG E sili ona fetaui mo ata ma lanu malō ma manino. Le faatulagaga GIF E masani ona faʻaaogaina mo faʻafiafiaga poʻo ata faigofie. E ala i le filifilia o le faatulagaga saʻo, e mafai ona e faʻaititia atili le tele o au ata.

3. Seti fua talafeagai ma iugafono: O le isi auala e faʻamalieina ai le faʻatinoga o ata HTML o le faʻatulagaina lea o fua talafeagai ma faʻaiuga. E taua le faʻamaonia o le lautele ma le maualuga o le ata i le HTML code e puipuia ai le browser mai le otometi ona toe faʻafouina, lea e mafai ona faʻagesegese ai le utaina o itulau. E mafai foi ona e mafaufau e faʻaaoga seti src e faʻamaonia le tele o ata eseese mo masini eseese, lea o le a mafai ai ona faʻapipiʻiina le ata sili ona talafeagai mo le masini a le tagata faʻaoga.

O le mulimuli i laasaga nei ma le faʻaogaina o meafaigaluega ma metotia saʻo o le a faʻatagaina oe e faʻamalieina le tele ma le faʻatinoga o ata i luga o lau 'upega tafaʻilagi, faʻaleleia atili le poto masani a le tagata faʻaoga ma le saoasaoa o le utaina. Manatua i taimi uma e iloilo iuga ma faʻataʻitaʻi suʻega e suʻe ai le tuʻufaʻatasiga sili o le tele o ata ma le lelei mo lau 'upega tafaʻilagi.

14. Faʻaiʻuga ma fautuaga mo le suia o le tele o se ata ile HTML

I se faapuupuuga, o le suia o se ata i le HTML o se faiga faigofie e mafai ona faia e ala i le mulimuli i nai laasaga faigofie. Muamua, e taua le maitauina o le tele o se ata e mafai ona suia i le HTML e faʻaaoga ai le lautele ma le maualuga o meatotino. E mafai ona faia lea mea uma ile laina ole code po'o le fa'aogaina o meafaigaluega e fa'atonutonu ata.

O se tasi o auala e sui ai se ata o le faʻaaogaina lea o uiga "lautele" ma le "maualuga" i le pine ata. Faataitaiga:
"`html

«`
I lenei faʻataʻitaʻiga, o le ata o le a faʻaalia i le lautele o le 500 pixels ma le maualuga o le 300 pixels. E taua le maitauina afai e naʻo le tasi o uiga (lautele poʻo le maualuga) e faʻamaonia, o le ata o le a faʻavasegaina faʻatusatusa e fetaui ma le tau faʻamaonia.

O le isi auala e sui ai se ata i le HTML o le faʻaaogaina lea o le CSS. Ina ia faia lenei mea, e mafai ona e faʻaogaina le "lautele" ma le "maualuga" meatotino i totonu o se sitaili pepa poʻo saʻo i le faʻailoga ata. Faataitaiga:
"`html

«`
I lenei faʻataʻitaʻiga, o le ata o le a faʻaalia ma le lautele o le 50% o le atigipusa lata ane ma o le maualuga o le a otometi lava ona fetuunai e faʻatumauina le tulaga muamua o le ata.

I le faaopoopo atu i filifiliga o loʻo taʻua, o loʻo i ai meafaigaluega i luga ole laiga ma faletusi e faʻafaigofie ai le faʻagasologa o le toe faʻaleleia o ata ile HTML. O nisi oi latou e faʻatagaina oe e faʻafetaui le tele e ala i le tosoina ma le tuʻuina o le ata, tuʻuina atu le faʻapipiʻiina ma le faʻapipiʻiina o filifiliga, ma ofoina atu foi le avanoa e fatuina ai le code e manaʻomia e faʻapipiʻi ai le ata i totonu o se itulau web. O nei meafaigaluega e masani ona aoga tele mo i latou e leai se poto masani i le faʻasaʻoina o ata pe naʻo le manaʻo e faʻavave le faagasologa. Manatua e taua tele le faʻaogaina o le tele o ata e faʻaleleia ai le saoasaoa o le utaina o se itulau web.

I le faaiuga, o le suia o se ata i le HTML o se faiga faigofie e faʻaaoga ai le lautele ma le maualuga o meatotino, i le laina o le code ma le faʻaogaina o le CSS. E iai fo'i meafaigaluega i luga ole laiga e fa'afaigofie ai lenei faiga. Ia mautinoa e faʻaleleia le tele o au ata e faʻaleleia ai le faʻatinoga o lau 'upega tafaʻilagi.

I se aotelega, o le suia o se ata i le HTML o se galuega faigofie ae taua e faʻamautinoa ai le faʻaalia lelei o le upega tafaʻilagi ma le faʻatinoga. E ala i le faʻaogaina o le "lautele" ma le "maualuga" uiga i le "img" tag, e mafai ona e faʻamalamalamaina le tele manaʻomia o le ata i pixels ma i le pasene. E taua le manatua o le suia sa'o o le tele o se ata i totonu o le HTML e mafai ona fa'aalia ai le va'aiga va'aia pe a le o tausia le vaega muamua. O le mea lea, e fautuaina le faʻaogaina o ata faʻataʻitaʻiga polokalame e fai ai fetuunaiga saʻo aʻo leʻi faʻapipiʻiina i latou i le HTML code. E le gata i lea, e taua le mafaufau i le aʻafiaga o le tele o ata e mafai ona i ai i luga o le upega tafaʻilagi le saoasaoa o le utaina ma le poto masani o tagata. Ma le mea mulimuli, e taua le taʻua o loʻo i ai le tele o metotia ma meafaigaluega e mafai ai e oe ona faʻamaonia ma toe faʻaleleia ata. lelei, lea e mafai ona fesoasoani e faʻaleleia le faʻatinoga atoa o le upega tafaʻilagi ma le aoga. O le tausisia o le paleni lelei i le va o le vaʻaia lelei ma le faʻapipiʻiina o le saoasaoa e taua tele i le tuʻuina atu o se poto masani faʻaoga sili ona lelei.

Sebastian Vidal

O aʻu o Sebastián Vidal, o se inisinia komepiuta e fiafia tele i tekinolosi ma DIY. E le gata i lea, o a'u o le foafoa o tecnobits.com, lea ou te faʻasoa atu ai aʻoaʻoga e faʻafaigofie atili ai tekinolosi ma malamalama mo tagata uma.