Ku dar HTML Tilmaamo si aad u aragto Sawirada 9 Tallaabo oo sahlan
Sawiradu waxay ku daraan nolosha boggaga internetka waxayna sawiraan dareenka daawadayaasha. Calaamaduhu waxay bixiyaan macluumaad dheeraad ah oo ku saabsan sawirradaada internetka, laakiin waxay ku adkaan karaan inay ku daraan bogagga internetka iyada oo aan hirgelin HTML iyo xirfadaha CSS. Halkan waa hab lagu kalsoonaan karo oo lagu daro sahlan, oo soo jiidata, muuqaal ah oo sawir ah oo sawir leh sawirka meel kasta oo aad u guurto bogga internetka.
9 Talaabooyinka loo yaqaan "Caption Image"
Ku dhaji qori sawir oo aad u guurto meel kasta oo aad rabto:
- Ku dar sawir boggaaga.
- HTML-kaaga boggaaga, waxaad ku dhejisaa sawirka div oo ku wareegsan sawirka:
div> - Ku dar sifo muuqaal leh 'div' tag: < style style = "" >
div> - Ku dhaji dhererka riix si aad isku mid u noqoto sawirka, oo leh qaabka qaabka ballaaran :
width: width width px; ">div> - Wixii qoraalo ah oo yaryar ka yar qoraalka hareeraysan, ku dar hanti -cabbir-cabbir ah qaabka div:
font-size: 80%; ">div> - Fadlan sida ugu fiican u muuqata haddii ay kudhow yihiin sawirka hoostiisa, sidaas darteed ku dhaji hanti u dhiganta qaabka qaabka:
: center; img src = "URL" alt = "qoraal kale" width = "width" height = "height" /> div>- Ugu dambeyntii, ku dar meellada dheeraadka ah ee u dhexeeya sawirka iyo cinwaanka, adoo ku daraya sifo muuqaal ah oo sawir leh hanti muuqaal leh : "style div =" width: image width px; font-size: 80%; text- isku dheji: xarun; ">
style =" hoos-hooseyn: 0.5em; " /> div> - Ka dibna ku dheji qoraalka tooska ah ee sawirka:
Tani waa magacayga div> Ku dhaji websaydhka server-kaaga kuna tijaabi barta shabakadda.
Talo-soo-qaadidda
- Jaantusyada : CSS dimensions waxay ku jiri kartaa cabbiro kala duwan, markaa sida caadiga ah waa inaad ku dartaa nooca cabbirka. Tusaale ahaan: width: 100 px ; Si kastaba ha ahaatee, cabbirka sawirada HTML waa had iyo jeer pixels, sidaa darteed waxaad ka tagtaa cabbiraadda. width = "100"
- Haddii aad ka dhigno dhererka qaybta sare ee ballaaran oo ka muuqda sawirka, muuqaalkana waxaa laga yaabaa inuu ka muuqdo muuqaalka. Haddii tani ay tahay waxa aad rabto, ka dibna ku dheji
toos ah ka hor intaanad bilaabin iyo ka dib sawirada.
- Ku dar sifo muuqaal leh 'div' tag: < style style = "" >