Onjezani malemba a HTML ku Web Images mu Zovuta 9
Zithunzi zimawonjezera moyo ku mawebusaiti anu ndikujambula omvera. Mafotokozedwe amapereka zambiri zokhudzana ndi zithunzi zanu, koma zingakhale zovuta kuwonjezera pa mawebusayiti popanda zamaphunziro a HTML ndi CSS. Nayi njira yodalirika yowonjezera mawu osavuta, komabe okongola, omwe ali ndi chithunzi chomwe chimakhala ndi chithunzi paliponse pamene mukuzisuntha pa tsamba la webusaitiyi.
Mapazi a Zithunzi za HTML Zithunzi
Onjezerani mawuwa kwa chithunzi ndikuwatsogolera palimodzi kulikonse kumene mukufuna:
- Onjezani chithunzi ku tsamba lanu lapaweti.
- Mu HTML pa tsamba lanu la webusaitiyi, ikani div tag pozungulira fano:
div> - Onjezerani chizindikiro cha kalembedwe ku div tag:
style = "" >div> - Sungani chigawo cha div kuti chikhale chimodzimodzi monga chithunzi, ndi katundu wazitali :
width: Chithunzi chazithunzi px; ">div> - Kwa malemba omwe ali ochepa pang'ono kuposa malemba oyandikana nawo, onjezerani katundu wazithunzi kwa kapangidwe ka div:
font-size: 80%; ">div> - Mafotokozedwe amawoneka bwino ngati ali pansi pa fanolo, kotero yonjezerani chinthu choyimira pazithunzi: div>
- Potsiriza, onjezerani malo ena owonjezera pakati pa chithunzi ndi ndemanga, powonjezera chiwonetsero chojambula chithunzichi ndi malo osungirako pansi :
kalembedwe =" pansi-padding: 0.5em; " /> div> - Kenaka yonjezerani chithunzichi patsinde pansipa:
Ichi ndichiganizo changa div> Ikani pepala la webusaiti ku seva yanu ndipo yesani mu msakatuli.
Malingaliro Otsindika
- Zowonjezera : Zing'onoting'ono za CSS zikhoza kukhala muyezo wosiyanasiyana, kotero inu nthawi zambiri muyenera kuphatikiza mtundu wa mayeso. Mwachitsanzo: m'lifupi: 100 px ; Komabe, miyeso ya HTML yazithunzi nthawi zonse imakhala mu mapikseli, kotero mumasiya chiyesocho. width = "100"
- Ngati mupanga upafupi wa div kusiyana ndi kukula kwazithunzi, mawuwo akhoza kuwonekera pambali pa fano. Ngati izi ndi zomwe mukufuna, onjezerani
malonda mwachindunji musanamve mawu ndi pambuyo pa chithunzi chajambula.
- Onjezerani chizindikiro cha kalembedwe ku div tag: